1、上傳按鈕

導入

2、文件選擇彈出層和添加組件的HTML代碼

action="${pageContext.request.contextPath }/**/importFile!impXLS.do"

id="ajax_form" class="form-horizontal">

data-dismiss="modal" aria-hidden="true">

文件導入

*注：上傳文件個數不能超過5個

選擇文件：

瀏覽...

修改...

type="file" class="default" name="importFile" />

type="hidden" name="flag" value="${flag }" />

style="text-align: right">

新增

確定

取消

選擇文件：

瀏覽...

修改...

class="default" name="importFile" />

name="flag" value="${flag }" />

移除

3、遮罩層代碼

數據導入中，請等待...

4、添加/移除文件上傳框 限制文件上傳個數

$(".fileupload-append").click(function(){

if($(".form .control-group").length<=5){

var fileuploadModule = $(".clone").clone(true);

fileuploadModule.show();

fileuploadModule.removeClass("clone");

fileuploadModule.addClass("append");

$(".form").append(fileuploadModule);

}else{

$error.hide();

$("span",$error).html("可上傳文件的個數不能超過5個...");

$error.show();

}

});

//移除文件上傳框和文件

$(".cancelUpload").click(function (){

$(".append").remove();

});

5、異步導入文件function ajaxImp(){

總結

以上是生活随笔為你收集整理的ajaxsubmit php上传文件,使用ajaxSubmit方法实现多文件上传(异步)的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。