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

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]);//读取文件};