我们平时会用到图片上传要求上传的图片要实时显示,那么下面就是我的方法
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';
}
}