页面上传图片时，预览功能

alongines

于 2011-07-25 09:17:21 发布

阅读量1k

点赞数

CC 4.0 BY-SA版权

分类专栏： HTML / CSS / JavaScript 文章标签： firefox file

本文链接：https://blog.youkuaiyun.com/zhanggnol/article/details/6630696

HTML / CSS / JavaScript 专栏收录该内容

20 篇文章

订阅专栏

本文介绍了一种使用JavaScript实现文件输入后预览图片的方法。该方法通过判断浏览器类型（如IE、Firefox等），并利用File API来获取所选文件的内容，从而实现在不同浏览器下的一致性体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >



	<script type="text/javascript">
		function getFullPath(obj){   
		    if(obj) {   
		        if (window.navigator.userAgent.indexOf("MSIE")>=1){   //ie  
		            obj.select();   
		            return document.selection.createRange().text;   
		        } else if(window.navigator.userAgent.indexOf("Firefox")>=1) {   //firefox 
		            if(obj.files) {   
		                return obj.files.item(0).getAsDataURL();   
		            }   
		            return obj.value;   
		        }   
		        return obj.value;   
		    }   
		}  
	</script>

<input type="file" onchange="document.getElementById('img').src=getFullPath(this);" />   
  
<img id="img">