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

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

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

2019-04-04 10:22:41 6902

我們平時會用到圖片上傳要求上傳的圖片要實時顯示,那么下面就是我的方法

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


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

這條文檔是否有幫助解決問題?

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

在文檔使用中是否遇到以下問題: