ajaxFileUpload.js插件支持多文件上传的方法_javascript技巧
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了ajaxFileUpload.js插件支持多文件上传的方法_javascript技巧,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1259字,纯文字阅读大概需要2分钟。
内容图文
![ajaxFileUpload.js插件支持多文件上传的方法_javascript技巧](/upload/InfoBanner/zyjiaocheng/322/fa36f26e7fa947f78f3a7eaa7e91c817.jpg)
ajaxFileUpload.js插件多文件上传
步骤:
1、修改源码,(源码只支持单个文件的上传):
//修改前代码-------
//var oldElement = jQuery('#' + fileElementId);
//var newElement = jQuery(oldElement).clone();
//jQuery(oldElement).attr('id', fileId);
//jQuery(oldElement).before(newElement);
//jQuery(oldElement).appendTo(form);
//修改前代码-------
//修改后代码-------
for(var i in fileElementId){
var oldElement = jQuery('#' + fileElementId[i]);
var newElement = jQuery(oldElement).clone();
jQuery(oldElement).attr('id', fileId);
jQuery(oldElement).before(newElement);
jQuery(oldElement).appendTo(form);
}
//修改后代码-------
2、使用方法:
$.ajaxFileUpload({
url : "./upload/upload.action",
secureuri : false,
//fileElementId:'uploadfile1',//原使用方法
fileElementId : ['uploadfile1','uploadfile2','uploadfile3','uploadfile4','uploadfile5'],//现使用方法
dataType : 'json',
success : function(data) {
ajaxLoadEnd();
if (data.result == "success") {
$.messager.alert('信息','导入成功。','info');
} else {
$('#import_right').dialog('open');
$.messager.alert('信息','导入失败。
错误信息:'+data.message,'error');
}
},
error : function(data, status, e)
{
ajaxLoadEnd();
$.messager.alert('信息','导入失败。
错误信息:网络异常或表单数据错误。','error');
}
});
内容总结
以上是互联网集市为您收集整理的ajaxFileUpload.js插件支持多文件上传的方法_javascript技巧全部内容,希望文章能够帮你解决ajaxFileUpload.js插件支持多文件上传的方法_javascript技巧所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。