软件开发培训班 >> 编程开发 >> JavaScript

在页面预览客户端本地图片的js代码(兼容FF IE)

　　本文标签：预览,本地图片

<!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 type="text/javascript" language=javascript> 
function getFullPath(obj) { 
var newPreview = document.getElementById("img"); 
if (obj) { 
//ie 
if (window.navigator.userAgent.indexOf("MSIE") >= 1) { 
obj.select(); 
newPreview.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale);"; 
newPreview.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = document.selection.createRange().text; 
return; 
} 
//firefox 
else if (window.navigator.userAgent.indexOf("Firefox") >= 1) { 
if (obj.files) { 
newPreview.src = window.URL.createObjectURL(obj.files.item(0)); 
return; 
} 
newPreview.src = obj.value; 
return; 
} 
newPreview.src = obj.value; 
return; 
} 
} 
</script> 
</head> 
<body> 
<input type="file" onchange="getFullPath(this);" /> 
<img id="img" alt="" style="width:200px; height:200px;" src="你自己的透明图片"/> 
</body> 
</html>

技术文章快速查找

JavaScript Event学习第七章事件属性

JavaScript入门学习书籍推荐

使用jQuery解决IE与FireFox下createElement方法的差异

js控制表单操作的常用代码小结

FF IE兼容性的修改小结

javascript标签在页面中的位置探讨

不安全的常用的js写法

js关闭浏览器窗口及检查浏览器关闭事件

相关下载

在线教程导航

软件应用
·Windows8	·Windows7	·Word
·Excel	·PPT	·WPS
Web开发
·ASP	·JavaScript	·DIV+CSS
·JSP	·VbScript	·XML
·PHP
开发语言
·VB	·VC	·ASP.NET
·Java	·C++	·Delphi
数据库开发
·MySQL	·MsSQL	·Access
·Oracle	·DB2
手机系统
·Android	·iOS	·WindowsPhone
网站设计
·Flash	·Dreamweaver	·Fireworks
平面设计
·Photoshop	·CorelDraw	·AutoCAD
·3DsMAX	·Illustrator
网络技术
·网站运营	·网络安全	·网络搭建