您的位置:首页 > 其它

如何获取<input type="file">获取文件路径

2013-01-15 13:27 573 查看
  现在浏览器在安全方面要求越来越严格,这段日子在项目中发现<input type="file">实现客户端浏览的时候, 在ff下不能获取文件路径,只是一个文件的名字,我实现的是一个图片预览功

能,页面有一个<div id="img">的容器,然后浏览的时候在浏览输入框的onchange事件中动态把src添加给动态创建的img。下面是兼容ie和ff的方法。

function getPath(obj) {
if (obj) {
if (window.navigator.userAgent.indexOf("MSIE") >= 1) {  //如果是ie浏览器
obj.select();
return obj.value;
}
else if (window.navigator.userAgent.indexOf("Firefox") >= 1) {  //如果是火狐浏览器
if (obj.files) {
return window.URL.createObjectURL(obj.files[0]);
}
return obj.value;
}
return obj.value;
}
}


虽然最后ff下获取的文件路径是加密后的方式(通过网上查找资料,如果想获取非加密的方式必须修改用户本地的浏览器设置,显然不合理),但是可以把路径赋值给图片的src,仍然可以在ff中显示图片。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐