当前位置: 首页 > 图文教程 > 网络编程 > Javascript > javascript firefox不显示本地预览图片问题的解决方法

Javascript
JavaScript Tween算法及缓动效果
强制设为首页的JS代码
IE8浏览器Cookie的处理
JavaScript入门教程(1):什么是JS
JavaScript入门教程(2):JS基础知识
JavaScript入门教程(3):面向对象
JavaScript入门教程(4):浏览器对象
JavaScript入门教程(5):Screen屏幕对象
JavaScript入门教程(6):Window窗口对象
JavaScript入门教程(7):History历史对象
JavaScript入门教程(8):Location地址对象
JavaScript入门教程(9):Document文档对象
JavaScript入门教程(10):认识其他对象
JavaScript入门教程(11):事件处理
JavaScript入门教程(12):对象化编程
JavaScript入门教程(13):Cookies
JavaScript库开发规则
JavaScript教程:网页时间问题
如何将渐进增强应用到javascript脚本
简述JavaScript的scope机理

Javascript 中的 javascript firefox不显示本地预览图片问题的解决方法


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-12   浏览: 333 ::
收藏到网摘: n/a

在Firefox一直不能用js做出图片预览的效果,下面这个即可解决,用替换的方法实现firefox支持得的路径格式
复制代码 代码如下:

<img id="img1" src=""/>
<script>
function fileChange(obj) {
var url = obj.value url = "file:///" + url.replace("\\",'/');
alert(url);
document.getElementById("img1").src= url;
}
</script>
<input type="file" onchange="fileChange(this);" />

关键是:url = "file:///" + url.replace("\\",'/')