最近公司要做手機端** 要用到上傳, 手機端一般不能用 swfupload 類似flash的上傳工具 (對 flash 支援不好) 不過現在手機瀏覽器 都支援html5了 所以 這幾天網上查了下 實現使用html5 上傳檔案
其實 html5 上傳檔案挺簡單的 , 直接 new formdata(); 這個基於xmlhttprequest 2 新增的api 就好了
你可以先建立乙個空的 formdata 物件,然後使用 append() 方法向該物件裡新增字段,如下:
這樣就實現了 往後端上傳檔案
當然你也可以在 file 裡面設定 只允許上傳 accept 屬性
如果你用 jquery 那麼也可以在jquery 裡面實現
vm.s**e = function()).done(function(ret)else
});return false;
};今天先說到這裡吧 繼續忙了
HTML5 檔案上傳
源 function getobjecturl file var url null if window.createobjecturl undefined else if window.url undefined else if window.webkiturl undefined return u...
html5檔案 上傳
表單提交檔案是最常見的場景,使用者選擇檔案後,觸發了檔案選擇框的change事件,通過訪問檔案選擇框元素的files屬性可以拿到選定的檔案列表。如果檔案選擇框指定了multiple,則乙個檔案選擇框可以同時選擇多個檔案,files包含了所有選擇的檔案物件 如果沒有指定,則只能選擇乙個檔案,files...
實踐Html5的上傳檔案
技術點 1.通過input的change事件獲取檔案資訊 onchange function this.files 這個files屬性是htmlinputelement介面的屬性,只存在於現代瀏覽器中 ie10 2.檔案物件中的檔案資訊 主要是name,size,type這三個屬性 3.dom物件的...