国产欧美日韩第一页|日本一二三不卡视频|在线精品小视频,亚洲第一免费播放区,metcn人体亚洲一区,亚洲精品午夜视频

幫助中心 >  技術(shù)知識(shí)庫(kù) >  網(wǎng)站相關(guān) >  程序開(kāi)發(fā) >  javascript實(shí)現(xiàn)圖片上傳實(shí)時(shí)顯示上傳圖片

javascript實(shí)現(xiàn)圖片上傳實(shí)時(shí)顯示上傳圖片

2019-04-04 10:22:41 6903

我們平時(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';
	}
}


提交成功!非常感謝您的反饋,我們會(huì)繼續(xù)努力做到更好!

這條文檔是否有幫助解決問(wèn)題?

非常抱歉未能幫助到您。為了給您提供更好的服務(wù),我們很需要您進(jìn)一步的反饋信息:

在文檔使用中是否遇到以下問(wèn)題: