zoukankan      html  css  js  c++  java
  • 使用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.getParameter("ttype") 即可!

  • 相关阅读:
    记一次对网站的SEO优化改造
    pc端页面添加响应式布局
    linux开启coredump
    vue中鼠标事件
    垂直居中的几种方法
    最准确的身份证号码正则验证
    将数组[NaN ,1,21,32,NaN,41,5]里面的NaN成员剔除(复用underscore.js的filter方法)
    项目中使用Mockjs模拟数据
    研究生学习与生活(2019)
    研究生学习与生活(九)
  • 原文地址:https://www.cnblogs.com/xuhongfei/p/3171926.html
Copyright © 2011-2022 走看看