JavaScript-uploadify怎样传参数

JavaScript-uploadify怎样传参数

瑾兮 发布于 2016-10-31 字数 3177 浏览 1118 回复 4
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8" contentType="text/html; charset=UTF-8"%>
<%
String path = request.getContextPath();
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>

<title>Uploadify上传</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<link rel="stylesheet" href="uploadify/uploadify.css" type="text/css"></link>
<script type="text/javascript" src="uploadify/jquery-1.7.2.min.js"></script>
<script type="text/javascript"
src="uploadify/jquery.uploadify-3.1.min.js"></script>
<script type="text/javascript">

$(function() {
$("#file_upload").uploadify({
'height' : 27,
'width' : 80,
'buttonText' : '浏 览',
'swf' : '<%=path%>/uploadify/uploadify.swf',
'uploader' : '<%=path%>/servlet/UploadifySerlet',
'auto' : false,
'fileTypeExts' : '',
'formData' : {'userName':'111','qq':'2222'},
'onUploadStart' : function(file) {

//校验
var name=$('#userName').val();
if(name.replace(/s/g,'') == ''){
alert("名称不能为空!");
return false;
}

//校验
var qq=$('#qq').val();
if(qq.replace(/s/g,'') == ''){
alert("QQ不能为空!");
return false;
}

$("#file_upload").uploadify("settings", "formData", {'userName':name,'qq':qq});
//$("#file_upload").uploadify("settings", "qq", );
}
});
});

</script>
</head>

<body>

名称: <input type="text" id="userName" name="userName" value="妞见妞爱">
<br>
QQ: <input type="text" id="qq" name="qq" value="609865047">
<br>
<input type="file" name="uploadify" id="file_upload" />
<hr>
<a href="javascript:$('#file_upload').uploadify('upload','*')">开始上传</a>&nbsp;
<a href="javascript:$('#file_upload').uploadify('cancel', '*')">取消所有上传</a>
</body>
</html>

如果你对这篇文章有疑问,欢迎到本站 社区 发帖提问或使用手Q扫描下方二维码加群参与讨论,获取更多帮助。

扫码加入群聊

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(4

归属感 2017-10-04 4 楼

额。。。我用的就是这样,可以在后台获得值啊。。。

夜无邪 2017-02-16 3 楼

不知道你在server端如何处理上传文件,如果getParameter()获取不到的话。 你可采用共享文件上传模式FileItem.getString()读取上传的文件和参数试试!
参考:
Commons fileUpload实现文件上传

甜柠檬 2017-01-06 2 楼

你这个不能通过request.getParameter("userName") 去获得参数;我也试过;找到一文章,直接通过
String filedName = item.getFieldName();

if (filedName.equals("userName")) {

name = item.getString();

}else {

qq = item.getString();

}
具体参考文章:http://yangpanwww.iteye.com/blog/1550508

灵芸 2016-12-23 1 楼

你用的是什么浏览器?这个插件我用过,这个插件只能用在IE,其他浏览器要使用的话得模拟一个session,他上传所用的session和原来的不一样