帮助中心 >  技术知识库 >  网站相关 >  程序开发 >  javascript实现图片上传实时显示上传图片

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

2019-04-04 10:22:41 8022

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

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


提交成功!非常感谢您的反馈,我们会继续努力做到更好!

这条文档是否有帮助解决问题?

非常抱歉未能帮助到您。为了给您提供更好的服务,我们很需要您进一步的反馈信息:

在文档使用中是否遇到以下问题: