如何鏡像輸入類型=文件

Question

在爲下面的圖片1選擇文件後是否可以將所選文件自動鏡像到第二個表格字段中？ 我剛剛開始學習JavaScript - 我該如何去做這件事？ 詳情請 - 謝謝！

Answer 1

你不能做到這一點 - 爲安全起見，沒有網站可以爲<input type="file" />定義值，也沒有腳本的值設置爲它，無論是（你會得到一個Uncaught Error: InvalidStateError: DOM Exception 11）。

但是，所有不會丟失，因爲您可以通過JavaScript訪問用戶選擇的文件，並將其存儲在其他位置以便稍後使用。該HTMLInputElement DOM接口爲您提供了一個屬性files（一FileList），它可以讓您訪問選擇的項目爲File情況下，這反過來又可以通過FileReader一個實例來解釋像斑點。

的FileReader給你的

• 選擇readAsArrayBuffer
• readAsBinaryString
• readAsDataURL
• readAsText

對於example，如果你想存儲的數據作爲dataURI，

var myInputElement = document.getElementById('pic1'); // the <input /> 
// assuming file already chosen 
var fr = new FileReader(); // instance of FileReader 
fr.onload = function (e) { // task to do when finished reading file 
    console.log(this.result); // view in console 
}; 
fr.readAsDataURL(myInputElement.files.item(0)); // start read