Jquery 上传队列数据错误
我正在使用Uploadify 3.1,单击upload按钮时出现错误“Uncaught TypeError:无法读取未定义的属性'queueData'。下面是我的代码。不知道问题出在哪里 上载字段:Jquery 上传队列数据错误,jquery,uploadify,Jquery,Uploadify,我正在使用Uploadify 3.1,单击upload按钮时出现错误“Uncaught TypeError:无法读取未定义的属性'queueData'。下面是我的代码。不知道问题出在哪里 上载字段: <input type="file" name="file_upload" id="file_upload"/> <input type="button" class="batchImport" value="Upload Files"/> Javascript: $(
<input type="file" name="file_upload" id="file_upload"/>
<input type="button" class="batchImport" value="Upload Files"/>
Javascript:
$(document).on("click",".batchImportElements",function(){
$("#objectDetails").hide().html("");
$("#objectList").show();
$("#objectList").html("<img src="images/loading.gif"/> Loading").show();
$.ajax({
type:"POST",
data:{
multiple:1
},
url:"/index.php/elements_handler/importElements",
success:function(response){
checkResponse(response);
$("#objectList").html(response);
$("#file_upload").uploadify({
"swf":"/js/uploadify-v3.1/uploadify.swf",
"uploader":"/js/uploadify-v3.1/uploadify.php",
"uploadFolder":"/uploads/",
"auto":false,
"multi":true,
"height":19,
"width":94,
"onUploadError":function(file,errorCode,errorMsg,errorString){
alert("The file " + file.name + " could not be uploaded: " + errorString);
},
"onUploadSuccess":function(file, data, response){
$.ajax({
type:"POST",
data:{
multiple:1,
companies_id:companies_id,
file:file,
data:data,
folderPath:1
},
url:"/index.php/elements_handler/importElements",
success:function(response){
checkResponse(response);
}
});
}
});
$(document).on("click",".batchImport",function(){
$(".batchImport").uploadify("upload");
});
}
});
});
$(document).on(“单击“,”.batchImportElements”,函数(){
$(“#objectDetails”).hide().html(“”);
$(“#对象列表”).show();
$(“#对象列表”).html(“加载”).show();
$.ajax({
类型:“POST”,
数据:{
倍数:1
},
url:“/index.php/elements\u handler/importElements”,
成功:功能(响应){
检查应答(应答);
$(“#对象列表”).html(响应);
$(“#文件上传”).uploadify({
“swf”:“/js/uploadify-v3.1/uploadify.swf”,
“uploader”:“/js/uploadify-v3.1/uploadify.php”,
“uploadFolder”:“/上传/”,
“自动”:错误,
“多元”:没错,
“高度”:19,
“宽度”:94,
“onUploadError”:函数(文件、错误代码、错误消息、错误字符串){
警报(“无法上载文件“+file.name+”:+errorString);
},
“onUploadSuccess”:函数(文件、数据、响应){
$.ajax({
类型:“POST”,
数据:{
倍数:1,,
公司编号:公司编号,
档案:档案,
数据:数据,
折叠路径:1
},
url:“/index.php/elements\u handler/importElements”,
成功:功能(响应){
检查应答(应答);
}
});
}
});
$(文档)。在(“单击”、“.batchImport”上,函数(){
$(“.batchImport”).uploadify(“上传”);
});
}
});
});
`
$('.batchImport')
是用于启动上载的按钮。如果有任何帮助,我们将不胜感激。为什么您要在id为file\u upload的文件控件上创建uploadify,然后使用类batchImport调用按钮控件上的upload?类为batchImport的按钮未设置为uploadify控件,因此它应引发错误
// Your code
$("#file_upload").uploadify({
....
});
$(".batchImport").uploadify("upload");
// Should most likely be
$("#file_upload").uploadify({
....
});
$("#file_upload").uploadify("upload");
batchImport是如何进入文件控件的,因为您粘贴的代码中还没有它?我现在也添加了它,以便您可以看到它。谢谢Josh!我没有看到我调用了错误的元素upload。现在可以了。还有一个问题,你知道当你点击按钮时如何让uploadify上传所有文件,而不是一次一个吗?我通常把它设置为自动上传,所以我以前从来没有处理过这个问题。如果我有时间,我可以调查一下。