火狐怎样预览本地图片?? file:///" + url.replace(/\\/g,'/');这样呢 file:///表示读取本地文件吧 猜的 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 方法就是把图片的目录放到和你页面一个目录比如你有一个文件夹 myweb里面有个文件 index.html然后在里面建个文件夹 images把图片放进去然后index.html文件这样连接图片<img src="images/logo.jpg" /> <input type="text" id="file" value="F:/Images/logo.jpg"><input type="button" value="show" onclick="getimg()"><img src='' id="a"><script language="JavaScript">function getimg(){var src = document.getElementById('file').valueif(!document.all){src = src.replace(/\\/g,"/")src ="file:///"+src}document.getElementById("a").src=src}</script> 我想楼主是想做文件上传的预览功能吧。很遗憾,出于安全考虑,FF3和IE8中都将只能显示文件名,不再提供路径的访问了。本地文件预览功能也因此无法实现了。 回2楼:我的意思就是6楼说的那样回1楼 3楼:谢谢3楼的代码,但我改了一下,需要点是这样的<input type="file" id="file" value=""><input type="button" value="show" onclick="getimg()"><img src='' id="a"><script language="JavaScript">function getimg(){var src = document.getElementById('file').valueif(!document.all){src = src.replace(/\\/g,"/")src ="file:///"+src}document.getElementById("a").src=src}</script>这时候file的值火狐就得不到整个路径了。结论:确实像6楼说的,不支持了!!!郁闷,问什么自己解决不了安全问题就屏蔽掉呢!!火狐太不负责了!!希望以后能有好的方法 搜到一种方法,不知过去这么久了,大家是否还需要。链接:http://www.alixixi.com/effect/read.asp?id=81051&c=166是这个网页中最后一个方法:试过对IE6和FF3都可以用<!doctype html public "-//w3c//dtd html 4.01//en" "http://www.w3.org/tr/html4/strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>New file input tester.</title></head><body><input id="myfile" type="file" /><br /><img src="" alt="Image to be upload." /><div id="info"></div><script type="text/javascript">var dFile = document.getElementById('myfile');var dImg = document.getElementsByTagName('img')[0];var dInfo = document.getElementById('info');dFile.onchange = function(){ if(!dFile.value.match(/.jpg|.gif|.png|.bmp/i)){alert('File type must be: .jpg, .gif, .bmp or .png !');return;} if(dFile.files){ dImg.src = dFile.files[0].getAsDataURL(); }else if(dFile.value.indexOf('\\') > -1 || dFile.value.indexOf('\/') > -1){ dImg.src = dFile.value; }}</script></body></html><a href="http://js.alixixi.com/">欢迎访问阿里西西网页特效代码站,js.alixixi.com</a> 要命的js 弹出层,页面变灰不能操作 js undefined javascript包括Prototype什么的 里面有hashmap的实现嘛? HTML和javascript用哪两本书好? 急切等待富文本框的问题 如何取消当前页面的退出 关于highcharts绘制柱状图的问题 上传图片前前端(js)对图片进行压缩 百度echarts init一个隐藏的元素,控制台报错can't get dom width or height jquery浮动窗口的关闭问题 js 改变表格宽度
比如
你有一个文件夹 myweb
里面有个文件 index.html
然后在里面建个文件夹 images
把图片放进去
然后index.html文件这样连接图片
<img src="images/logo.jpg" />
<input type="text" id="file" value="F:/Images/logo.jpg">
<input type="button" value="show" onclick="getimg()">
<img src='' id="a">
<script language="JavaScript">
function getimg(){
var src = document.getElementById('file').value
if(!document.all)
{
src = src.replace(/\\/g,"/")
src ="file:///"+src
}
document.getElementById("a").src=src
}
</script>
很遗憾,出于安全考虑,FF3和IE8中都将只能显示文件名,
不再提供路径的访问了。
本地文件预览功能也因此无法实现了。
回1楼 3楼:谢谢3楼的代码,但我改了一下,需要点是这样的<input type="file" id="file" value="">
<input type="button" value="show" onclick="getimg()">
<img src='' id="a">
<script language="JavaScript">
function getimg(){
var src = document.getElementById('file').value
if(!document.all)
{
src = src.replace(/\\/g,"/")
src ="file:///"+src
}
document.getElementById("a").src=src
}
</script>这时候file的值火狐就得不到整个路径了。
结论:确实像6楼说的,不支持了!!!
郁闷,问什么自己解决不了安全问题就屏蔽掉呢!!火狐太不负责了!!
希望以后能有好的方法
链接:http://www.alixixi.com/effect/read.asp?id=81051&c=166
是这个网页中最后一个方法:试过对IE6和FF3都可以用
<!doctype html public "-//w3c//dtd html 4.01//en" "http://www.w3.org/tr/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>New file input tester.</title>
</head>
<body>
<input id="myfile" type="file" />
<br />
<img src="" alt="Image to be upload." />
<div id="info"></div>
<script type="text/javascript">
var dFile = document.getElementById('myfile');
var dImg = document.getElementsByTagName('img')[0];
var dInfo = document.getElementById('info');
dFile.onchange = function(){
if(!dFile.value.match(/.jpg|.gif|.png|.bmp/i)){alert('File type must be: .jpg, .gif, .bmp or .png !');return;}
if(dFile.files){
dImg.src = dFile.files[0].getAsDataURL();
}else if(dFile.value.indexOf('\\') > -1 || dFile.value.indexOf('\/') > -1){
dImg.src = dFile.value;
}
}
</script>
</body>
</html>
<a href="http://js.alixixi.com/">欢迎访问阿里西西网页特效代码站,js.alixixi.com</a>