87,993
社区成员
发帖
与我相关
我的任务
分享如何用JS得到火狐浏览器中file的上传图片路径
火狐浏览器怎么用JS得到上传图片的完全路径
注意:用document.getElementById("file").value;只能得到图片名
请各位高手指教~~
注意:用document.getElementById("file").value;只能得到图片名
请各位高手指教~~
...全文
请发表友善的回复…
发表回复
zwodezuiai 2009-11-10
- 打赏
- 举报
哎~~~~
预览图还是会写
项目的一个方法一定要有路径才行
算了 重新写过一个方法吧
这浏览器兼容问题真让人头痛
预览图还是会写
项目的一个方法一定要有路径才行
算了 重新写过一个方法吧
这浏览器兼容问题真让人头痛
千游 2009-11-10
- 打赏
- 举报
<script language='javascript'>
function getFullPath(obj)
{
if(obj)
{
//ie
if (window.navigator.userAgent.indexOf("MSIE")>=1)
{
obj.select();
return document.selection.createRange().text;
}
//firefox
else if(window.navigator.userAgent.indexOf("Firefox")>=1)
{
if(obj.files)
{
return obj.files.item(0).getAsDataURL();
}
return obj.value;
}
return obj.value;
}
}
</script>
<body>
<input type="file" onchange="document.getElementById('img').src=getFullPath(this);" />
<img id="img" />
</body>
function getFullPath(obj)
{
if(obj)
{
//ie
if (window.navigator.userAgent.indexOf("MSIE")>=1)
{
obj.select();
return document.selection.createRange().text;
}
//firefox
else if(window.navigator.userAgent.indexOf("Firefox")>=1)
{
if(obj.files)
{
return obj.files.item(0).getAsDataURL();
}
return obj.value;
}
return obj.value;
}
}
</script>
<body>
<input type="file" onchange="document.getElementById('img').src=getFullPath(this);" />
<img id="img" />
</body>
sundotLei 2009-11-10
- 打赏
- 举报
这个路径恐怕得不到. 但是可以得到这张图片的base64数据，从而可以实现图片的本地预览
将以下代码放在firefox中运行
将以下代码放在firefox中运行
<form name="form4" id="form4" method="post" action="#">
<input type="file" name="file4" id="file4" onchange="preview4()" /> <img id="pic4" src="http://avatar.profile.csdn.net/C/E/7/2_diandian82.jpg" alt="图片在此显示" width="120"/>
</form>
<script type="text/javascript">
function preview4()
{
var x = document.getElementById("file4");
var y = document.getElementById("pic4");
if(!x || !x.value || !y) return;
var patn = /\.jpg$|\.jpeg$|\.gif$/i;
if(patn.test(x.value)){
y.src=document.getElementById('file4').files.item(0).getAsDataURL();
}
else{
alert("您选择的似乎不是图像文件。");
}
}
</script>
