嘗試利用<input>
元素; <textarea>
元素; accept="text/plain"
屬性input
元素; onchange
事件附加到input
元素;內onchange
事件輸出上傳文本文件<textarea>
元素
var input = document.getElementById("input");
var output = document.querySelector("[for=input]");
input.onchange = function(e) {
var reader = new FileReader();
reader.onload = function(evt) {
output.textContent = evt.target.result;
};
reader.readAsText(e.target.files[0]);
};
<input id="input" type="file" accept="text/plain" /><br />
<textarea for="input" style="width:300px;height:300px;"></textarea>
能描述_ 「打開文件」 _?閱讀用戶上傳的文件? – guest271314
是的,就像那樣。例如,用戶將文件上傳到網站,網站/應用程序讀取文件並將文件重新放到屏幕上。 –
查看帖子。利用'input','textarea'元素; onchange事件; 'FileReader' – guest271314