您的位置：首页 > Web前端 > JQuery

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

2013-07-04 17:03 316 查看
上传碰到这个问题在上传文件的时候同时上传文件的类型。。上网找了半天。总于解决了。。分享一下了。。直接例子了。。

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> 

<a href="javascript:jQuery('#uploadify').uploadifyClearQueue()">取消所有上传</a>

</p>

</body>

</html>

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

在后台使用 request.getParameter("ttype") 即可！
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航