JavaScript 之 使用 XMLHttpRequest 预览文件（图片）

<div id="div1">
<input type="file" id="uploadfile" style="width: 100px; height: 25px;" />
<input id="b1" type="button" value="上传" style="display: inline-block; width: 40px; height: 25px;" />
<img id="img1" src="" />
</div>

window.onload = function () {
document.getElementById("uploadfile").addEventListener("change", function () {
//1、获取所选的文件 暂时只选一个

var filereader = new FileReader();
filereader.onloadend = function (event) {
console.log("a");
var filedata = event.target.result;
document.getElementById("img1").src = filedata;
}

var file = document.getElementById("uploadfile").files[0];
filereader.readAsDataURL(file);
}, true);
}