移动端上传图片预览

239 阅读1分钟

备忘(未考虑兼容性)

HTML

<input type="file" name="img" accpet="image/*" onchange="uploadImg(this)">
<img src="" id="preview">

JS

function uploadImg (event) {
    var file = event.files[0];
    var img = document.getElementById("preview"); //JS
    var img = $("#perview"); //JQ
    var reader = new FileReader();
    reader.onloadend = (function(e) {
        img.attr("src", e.target.result);  //JQ
        //img.src = e.target.result;    //JS
    });
    reader.readAsDataURL(file);
}