1. 程式人生 > >關於input type="file"表單提交及檔案流的動態賦值

關於input type="file"表單提交及檔案流的動態賦值

我們都知道,html5中有個input type=file元素。用該元素可以實現頁面上傳檔案的功能 。

頁面上寫一個input,然後選擇一個檔案,列印這個input物件

$('.up-file').on('change',function(e){ //上傳				
	console.log( e.currentTarget)
})

input的選擇的檔案被記錄到了這個物件中,這個是fileList物件,是一個只讀物件不能修改

當檔案上傳我們選擇取消時其實是需要對input的fileList賦予它上一次選中的檔案流

這裡主要說一下,怎麼用js給input賦值,而手動的去選擇檔案

因為檔案在上傳的時候點選了

當上傳時點選了取消,檔案就會被清空,現做相容處理為賦予其上一次選擇的檔案

取出files後,用$('.pub-dialog .up-file')[0].files=files;將檔案賦值給input,注意賦值的必須是fileList物件,不要試圖只放進去一個檔案,fileList只讀

然後正常的提交就可以了