AJax技术

ajaxFileUpload实现多文件上传

字号+ 作者:H5之家 来源:H5之家 2017-10-01 09:00 我要评论( )

前提条件: ajaxFileUpload.js插件多文件上传 步骤: 1、修改源码,(源码只支持单个文件的上传): //修改前代码------- //var oldElement = jQuery(

前提条件:

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('信息','导入失败。<br>错误信息:'+data.message,'error'); } }, error : function(data, status, e) { ajaxLoadEnd(); $.messager.alert('信息','导入失败。<br>错误信息:网络异常或表单数据错误。','error'); } });

更多精彩内容:

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • Ajax基础教程(4)- 实现基本Ajax技术 4.8 访问Web服务(3)

    Ajax基础教程(4)- 实现基本Ajax技术 4.8 访问Web服务(3)

    2017-09-30 16:00

  • ASP.NET与Ajax的实现方式

    ASP.NET与Ajax的实现方式

    2017-09-18 16:03

  • JAVA EE 项目常用知识 之AJAX技术实现select下拉列表联动的两种

    JAVA EE 项目常用知识 之AJAX技术实现select下拉列表联动的两种

    2017-09-11 11:42

  • ztree点击文字勾选checkbox,radio实现方法

    ztree点击文字勾选checkbox,radio实现方法

    2017-09-10 15:01

网友点评