input file选择图片后显示(FileReader)

html:

 <input value="上传图片" type="file" id="file" name="file" οnchange="show(this.files)" />
 <br />
 <img height="50" width="50" id="img"  />

js:

    function show(f) {
        var str = "";
        for (var i = 0; i < f.length; i++) {
            var reader = new FileReader();
            reader.readAsDataURL(f[i]);
            reader.onload = function (e) {
                str += "<img  height='50' width='50' id='img' src='" + e.target.result + "'/>";
                $("#img")[0].outerHTML = str;
            }
        }        
    }

参考:https://www.cnblogs.com/qiye2016/p/5955908.html