编程爱好者之家

javascript实现图片上传实时显示上传图片

2018-10-25 298

我们平时会用到图片上传要求上传的图片要实时显示,那么下面就是我的方法

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';
	}
}


同类文章

您的赞赏是对小编最大的支持!