页面上传图片及时显示

最新推荐文章于 2021-06-08 18:54:37 发布

fss_2352758323

最新推荐文章于 2021-06-08 18:54:37 发布

阅读量417

点赞数

分类专栏： JavaScript HTML笔记

本文链接：https://blog.csdn.net/sinat_35767703/article/details/72763387

版权

JavaScript 同时被 2 个专栏收录

27 篇文章 0 订阅

订阅专栏

HTML笔记

10 篇文章 0 订阅

订阅专栏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<body>
<input type=file name="fileupload" id="fileupload" οnchange="javascript:setImgView('fileupload','preview');">
<p>
<div id="localImag">
<img id="preview"/>
</div>
</p>
<script>
function setImgView(fileId,imgId){
	var obj = document.getElementById(fileId);
	if(/msie/.test(navigator.userAgent.toLowerCase())){  
		document.getElementById(imgId).src = obj.value;
	}else{  
	    var objUrl = getObjectURL(obj.files[0]);  
	    if(objUrl){  
	    	document.getElementById(imgId).src = objUrl;  
	    }
	}  
}
//建立一个可存取到该file的url  
function getObjectURL(file) {  
	var url = null ;   
	if (window.createObjectURL != undefined) {  
	    url = window.createObjectURL(file) ;  
	}else if (window.URL!= undefined) {   
	     url = window.URL.createObjectURL(file) ;  
	}else if (window.webkitURL != undefined) {   
	     url = window.webkitURL.createObjectURL(file) ;  
	}  
	return url ;  
} 
</script>
</body>
</html>