使用AjaxFileUpload.js實現異步文件上傳示例

html:
代碼如下:

<input type="file" name="upload" hidden="hidden" id="file_upload" accept=".zip" /> 
 
js: 
 代碼如下:

$.ajaxFileUpload({ 
url:'${pageContext.request.contextPath}/Manage/BR_restorePic.action', //需要鏈接到服務器地址 
secureuri:false, 
fileElementId:'file_upload', //文件選擇框的id屬性 
dataType: 'text', //服務器返回的格式，可以是json、xml 
success: function (data, status) //相當于java中try語句塊的用法 
{ 
$('#restoreDialog').html(data); 

//alert(data); 
}, 
error: function (data, status, e){ //相當于java中catch語句塊的用法 
$('#restoreDialog').html("上傳失敗，請重試"); 
} 
}); 
 
這個方法還會出現一個問題，就是input只能使用一次的問題，input第二次的onchange將不會被執行，這應該是與瀏覽器的有關，解決辦法就是替換這個input 
像這樣： 
 代碼如下:

$('#file_upload').replaceWith('<input type="file" name="upload" hidden="hidden" id="file_upload" accept=".zip" />'); 

 
 




聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com