input选择图片后立刻能阅览图片代码

最新推荐文章于 2023-07-17 17:51:03 发布

南猿北蛰

最新推荐文章于 2023-07-17 17:51:03 发布

阅读量605

点赞数

分类专栏： html

html 专栏收录该内容

2 篇文章

订阅专栏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<title>get file input full path</title> 
<script language='javascript'> 
function getFullPath(obj) 
{ 
	if(obj) 
	{ 
		//ie 
		if (window.navigator.userAgent.indexOf("MSIE")>=1) 
		{ 
			obj.select(); 
			return document.selection.createRange().text; 
		} 
		//firefox 
		else// if(window.navigator.userAgent.indexOf("Firefox")>=1) 
		{ 
			if(obj.files) 
			{ 
				return window.URL.createObjectURL(obj.files[0]);
			} 
			return obj.value; 
		} 
		return obj.value; 
	} 
} 
</script> 
</head> 
<body> 
<input type="file" onchange="document.getElementById('img').src=getFullPath(this);" /> 
<img id="img" /> 
</body> 
</html>