這次帶給大家用jQuery做的檔案上傳擴展,用jQuery做出檔案上傳擴展的注意事項有哪些,下面就是實戰案例,一起來看一下。
直接上程式碼:
/* *jquery.ajaxUpload.js */jQuery.extend({ ajaxFileUpload: function(s) { s = jQuery.extend({}, jQuery.ajaxSettings, s); s.type = "POST"; var f = new FormData(); for (var k in s.data) { f.append(k, s.data[k]); } if (s.fileElementId) { if (!jQuery("#" + s.fileElementId).attr("multiple")) { f.append(s.fileElementId, jQuery("#" + s.fileElementId).get(0).files[0]); } else { var fs = jQuery("#" + s.fileElementId).get(0).files; for (var i = 0; i < fs.length; i++) { f.append(s.fileElementId + "[]", fs[i]); } } } s.processData = s.contentType = false; s.data = f; jQuery.ajax(s); } });
使用說明:腳本原理是在使用$.ajax前對資料進行處理使用方法跟$.ajax一樣.就是多了fileElementId 屬性用來標識input type="file" 節點的id。
相信看了本文案例你已經掌握了方法,更多精彩請關注php中文網其它相關文章!
相關閱讀:
#以上是用jQuery做的檔案上傳擴展的詳細內容。更多資訊請關注PHP中文網其他相關文章!