1. 程式人生 > >input file 讀取檔案內容

input file 讀取檔案內容

if(typeof FileReader == "undified") { alert("您老的瀏覽器不行了!"); } function showDataByURL() { var resultFile = document.getElementById("fileDemo").files[0]; if (resultFile) { var reader = new FileReader(); reader.readAsDataURL(resultFile); reader.onload = function
(e) {
var urlData = this.result; document.getElementById("result").innerHTML += "<img src='" + urlData + "' alt='" + resultFile.name + "' />"; }; } } function showDataByBinaryString() { var resultFile = document.getElementById("fileDemo"
).files[0]; if (resultFile) { var reader = new FileReader(); //非同步方式,不會影響主執行緒 reader.readAsBinaryString(resultFile); reader.onload = function(e) { var urlData = this.result; document.getElementById("result"
).innerHTML += urlData; }; } } function showDataByText() { var resultFile = document.getElementById("fileDemo").files[0]; if (resultFile) { var reader = new FileReader(); reader.readAsText(resultFile,'UTF-8'); reader.onload = function (e) { var urlData = this.result; document.getElementById("result").innerHTML += urlData; }; } }