咨询热线:4006-75-4006

售前:9:00-23:30    备案:9:00-18:00    技术:7*24h

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

2019-04-04 10:22:41 8106次

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

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


首页
最新活动
个人中心