这种上传图片预览怎么做？

Question

类似于这种上传图片，还能预览显示的这种，前端应该怎么写，有没有类似的代码可以提供给我看看！谢谢

Answer 1

var fr = new FileReader(),

    file = document.getElementById("file"),

    img = document.createElement("img");

file.onchange = function(e){

    fr.onload = function(e){

        var res = this.result;

        img.src = res;

        document.body.appendChild(img);//显示

    };

    

    fr.readAsDataURL(file.files[0]);//读取文件

};