uploadify插件上传的时候如何用jquery获得页面里的某个值？ 15
用uploadify插件上传需要得到一个参数的值，但是这个参数是在合格页面用ajax获得的返回值。现在用uploadify插件上传需要这个值，我应该怎么得到。请各位大神给...
用uploadify插件上传需要得到一个参数的值，但是这个参数是在合格页面用ajax获得的返回值。现在用uploadify插件上传需要这个值，我应该怎么得到。请各位大神给点意见
展开
2个回答
展开全部
Uploadify是JQuery的一个上传插件，实现的效果非常不错，进度显示或者速度显示都可以!
官方 ： http://www.uploadify.com/
获取值的示例：
HTML：
<%@ 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>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
</head>
<body>
<link href="js/uploadify.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/swfobject.js"></script>
<script type="text/javascript" src="js/jquery.uploadify.v2.1.0.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#uploadify").uploadify({
'uploader' : 'js/uploadify.swf',
'script' : 'scripts/uploadify',//servlet的路径或者.jsp 这是访问servlet 'scripts/uploadif'
'method' :'GET', //如果要传参数，就必须改为GET
'cancelImg' : 'js/cancel.png',
'folder' : 'uploads', //要上传到的服务器路径，
'queueID' : 'fileQueue',
'auto' : false, //选定文件后是否自动上传，默认false
'multi' : true, //是否允许同时上传多文件，默认false
'simUploadLimit' : 1, //一次同步上传的文件数目
'sizeLimit' : 19871202, //设置单个文件大小限制，单位为byte
'queueSizeLimit' : 5, //限制在一次队列中的次数（可选定几个文件）。默认值= 999，而一次可传几个文件有 simUploadLimit属性决定。
'fileDesc' : '支持格式:jpg或gif', //如果配置了以下的'fileExt'属性，那么这个属性是必须的
'fileExt' : '*.jpg;*.gif',//允许的格式
'scriptData' :{'name':$('#name').val()}, // 多个参数用逗号隔开 'name':$('#name').val(),'num':$('#num').val(),'ttl':$('#ttl').val()
onComplete: function (event, queueID, fileObj, response, data) {
var value = response ;
alert("文件:" + fileObj.name + "上传成功");
},
onError: function(event, queueID, fileObj) {
alert("文件:" + fileObj.name + "上传失败");
},
onCancel: function(event, queueID, fileObj){
alert("取消了" + fileObj.name);
}
});
});
function uploasFile(){
//校验
var name=document.getElementById("name").value;
if(name.replace(/\s/g,'') == ''){
alert("名称不能为空！");
return false;
}
//设置 scriptData 的参数
$('#uploadify').uploadifySettings('scriptData',{'name':$('#name').val()});
//上传
jQuery('#uploadify').uploadifyUpload()
}
</script>
名称:<input type="text" id="name" name="name" value="妞见妞爱" >
<div id="fileQueue"></div>
<input type="file" name="uploadify" id="uploadify" />
<p>
<a href="javascript:uploasFile()">开始上传</a>
<a href="javascript:jQuery('#uploadify').uploadifyClearQueue()">取消所有上传</a>
</p>
</body>
</html>
服务器获取参数：
public void doGet(HttpServletRequest request,
HttpServletResponse response) throws ServletException, IOException {
//设置接收的编码格式
request.setCharacterEncoding("UTF-8");
String name = request.getParameter("name"); //OK 获取值
}
官方 ： http://www.uploadify.com/
获取值的示例：
HTML：
<%@ 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>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
</head>
<body>
<link href="js/uploadify.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/swfobject.js"></script>
<script type="text/javascript" src="js/jquery.uploadify.v2.1.0.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#uploadify").uploadify({
'uploader' : 'js/uploadify.swf',
'script' : 'scripts/uploadify',//servlet的路径或者.jsp 这是访问servlet 'scripts/uploadif'
'method' :'GET', //如果要传参数，就必须改为GET
'cancelImg' : 'js/cancel.png',
'folder' : 'uploads', //要上传到的服务器路径，
'queueID' : 'fileQueue',
'auto' : false, //选定文件后是否自动上传，默认false
'multi' : true, //是否允许同时上传多文件，默认false
'simUploadLimit' : 1, //一次同步上传的文件数目
'sizeLimit' : 19871202, //设置单个文件大小限制，单位为byte
'queueSizeLimit' : 5, //限制在一次队列中的次数（可选定几个文件）。默认值= 999，而一次可传几个文件有 simUploadLimit属性决定。
'fileDesc' : '支持格式:jpg或gif', //如果配置了以下的'fileExt'属性，那么这个属性是必须的
'fileExt' : '*.jpg;*.gif',//允许的格式
'scriptData' :{'name':$('#name').val()}, // 多个参数用逗号隔开 'name':$('#name').val(),'num':$('#num').val(),'ttl':$('#ttl').val()
onComplete: function (event, queueID, fileObj, response, data) {
var value = response ;
alert("文件:" + fileObj.name + "上传成功");
},
onError: function(event, queueID, fileObj) {
alert("文件:" + fileObj.name + "上传失败");
},
onCancel: function(event, queueID, fileObj){
alert("取消了" + fileObj.name);
}
});
});
function uploasFile(){
//校验
var name=document.getElementById("name").value;
if(name.replace(/\s/g,'') == ''){
alert("名称不能为空！");
return false;
}
//设置 scriptData 的参数
$('#uploadify').uploadifySettings('scriptData',{'name':$('#name').val()});
//上传
jQuery('#uploadify').uploadifyUpload()
}
</script>
名称:<input type="text" id="name" name="name" value="妞见妞爱" >
<div id="fileQueue"></div>
<input type="file" name="uploadify" id="uploadify" />
<p>
<a href="javascript:uploasFile()">开始上传</a>
<a href="javascript:jQuery('#uploadify').uploadifyClearQueue()">取消所有上传</a>
</p>
</body>
</html>
服务器获取参数：
public void doGet(HttpServletRequest request,
HttpServletResponse response) throws ServletException, IOException {
//设置接收的编码格式
request.setCharacterEncoding("UTF-8");
String name = request.getParameter("name"); //OK 获取值
}
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
var formData={key1:"val1"};
$("#file_upload").uploadify({
'formData' : formData,
'swf' : '/uploadify/uploadify.swf',
'uploader' : '/uploadify/uploadify.php',
'onUploadStart' : function(file) {
formData["YourAjaxDataKey"]="YourAjaxDataValue";
$("#file_upload").uploadify("settings", "formData", formData);
}
});
更多追问追答
追问
我把ajax的返回值，放大页面的一个input里面，我上传文件的时候需要这个ajax的返回值，我上传的传参的时候怎么得到这个值， var formData={key1:"$('#xx').val()"};
追答
formData["YourAjaxDataKey"]="YourAjaxDataValue";
==>
formData["YourAjaxDataKey"]=$('#xx').val();
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
