file图片上传预览

<input type="file" id="uploadImg" onchange="xmTanUploadImg(this)">
<script>
    function xmTanUploadImg(obj) {
        var file = obj.files[0];
        var reader = new FileReader();
        reader.readAsDataURL(file);
        reader.onload = function (e) {    //成功读取文件
            var img = document.getElementById("selectImg");
            img.src = e.target.result;   //或 img.src = this.result / e.target == this

            //实现点击下载图片功能
            var xmTanDownload =  document.getElementById("xmTanDownload");
            xmTanDownload.setAttribute("href", e.target.result);  //给a标签设置href
        };
    }
</script>

原文链接：https://blog.csdn.net/chenxueshanBlog/article/details/81872383