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

Javascript
JMenuTab简单使用说明
简单的JS多重继承示例
js另类写法
javascript cookie解码函数(兼容ff)
Javascript的一种模块模式
详解new function(){}和function(){}() 区别分析
YUI 读码日记之 YAHOO.lang.is*
用JS得到字符串中出现次数最多的字母
YUI 读码日记之 YAHOO.util.Dom - Part.1
Javascript YUI 读码日记之 YAHOO.util.Dom - Part.2 0
Javascript YUI 读码日记之 YAHOO.util.Dom - Part.3
javascript YUI 读码日记之 YAHOO.util.Dom - Part.4
利用js对象弹出一个层
js用图作提交按钮或超连接
通过 Dom 方法提高 innerHTML 性能
javascript 通用滑动门tab类
二行代码解决全部网页木马
JavaScript的面向对象方法以及差别
悟透JavaScript整理版
try finally 妙用,防止内存泄漏

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-12   浏览: 102 ::
收藏到网摘: 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("\\",'/')