共享网

使用jquery.uploadify动态传递自己的参数
2010-9-8 18:22:04 文章来源: http://www.chr114.com 文章作者: chr114 点击率:
核心提示: 使用jquery.uploadify动态传递自己的参数

上传碰到这个问题在上传文件的时候同时上传文件的类型。。上网找了半天。总于解决了。。

html

 

<%@ 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["ttype"] 即可!

欢迎访问编程之路,请在评论时遵守国家相关法律法规。评论不代表本站观点

  • 访客名称:

2010 编程之路 www.chr114.com All Rights Reserved