使用jquery.uploadify动态传递自己的参数

最新推荐文章于 2025-07-12 13:34:35 发布

最新推荐文章于 2025-07-12 13:34:35 发布 · 156 阅读

文章标签：

#jQuery #JavaScript #CSS #HTML #ViewUI

web前端专栏收录该内容

3 篇文章

订阅专栏

本文介绍了一种使用jQuery Uploadify插件实现文件上传时附带文件类型的解决方案。通过设置后台参数，可在上传过程中指定文件类型。

上传碰到这个问题在上传文件的时候同时上传文件的类型。。上网找了半天。总于解决了。。分享一下了。。直接例子了。。

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
      <head>
        <base href="<%=basePath%>">
        <title>Uploadify</title>
        <link href="plugins/jqueryupload/css/default.css" rel="stylesheet" type="text/css" />
        <link href="plugins/jqueryupload/css/uploadify.css" rel="stylesheet" type="text/css" />
        <script type="text/javascript" src="plugins/jqueryupload/js/jquery-1.3.2.min.js"></script>
        <script type="text/javascript" src="plugins/jqueryupload/js/swfobject.js"></script>
        <script type="text/javascript" src="plugins/jqueryupload/js/jquery.uploadify.v2.1.0.js"></script>
    
     
     
        <script type="text/javascript">
        $(document).ready(function() {
            $("#uploadify").uploadify({
                'uploader'       : 'uploadify.swf',
                'script'         : '/caobise/three.do?method=upload',
                'scriptData'     : {'ttype':$('#ttype').val()},
                'cancelImg'      : 'plugins/jqueryupload/images/cancel.png',
                'folder'         : 'upload',
                'queueID'        : 'fileQueue',
                'auto'           : false,
                'multi'          : true,
                'simUploadLimit' : 2,
                'buttonText'     : 'BROWSE'
            });
        });
        </script>
    </head>
    <body>
        <div id="fileQueue"></div>
        <select id="ttype" name="ttype"  ><option value="1">外文翻译</option><option value="2">文献综述</option><option value="3">开题报告</option> </select>
        <input type="file" name="uploadify" id="uploadify" />
        <p>
        <a href="javascript:$('#uploadify').uploadifySettings('scriptData',{'ttype':$('#ttype').val()})

; jQuery('#uploadify').uploadifyUpload()">开始上传</a>&nbsp;
        <a href="javascript:jQuery('#uploadify').uploadifyClearQueue()">取消所有上传</a>
        </p>
    </body>
</html>

红色部分主要问题所在了。。

在后台使用 request.getParameter("ttype") 即可!

本站支持 pay for your wishes