javascript實(shí)現(xiàn)圖片上傳實(shí)時(shí)顯示上傳圖片
2019-04-04 10:22:41
12058
我們平時(shí)會(huì)用到圖片上傳要求上傳的圖片要實(shí)時(shí)顯示,那么下面就是我的方法
HTML代碼如下
<input type="file" name="file" onchange="showImg(this)" /><img id="showimg" src="" style="display:none;" />
JS代碼如下
function showImg(thisimg) { var file = thisimg.files[0]; if(window.FileReader) { var fr = new FileReader();
var showimg = document.getElementById('showimg');
fr.onloadend = function(e) {
showimg.src = e.target.result;
};
fr.readAsDataURL(file);
showimg.style.display = 'block';
}
}