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);
}