如何获取<input type="file">获取文件路径
2013-01-15 13:27
573 查看
现在浏览器在安全方面要求越来越严格,这段日子在项目中发现<input type="file">实现客户端浏览的时候, 在ff下不能获取文件路径,只是一个文件的名字,我实现的是一个图片预览功
能,页面有一个<div id="img">的容器,然后浏览的时候在浏览输入框的onchange事件中动态把src添加给动态创建的img。下面是兼容ie和ff的方法。
虽然最后ff下获取的文件路径是加密后的方式(通过网上查找资料,如果想获取非加密的方式必须修改用户本地的浏览器设置,显然不合理),但是可以把路径赋值给图片的src,仍然可以在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中显示图片。
相关文章推荐
- <input type="file">定义样式并获取上传文件路径及指定文件类型
- <input type="file">定义样式并获取上传文件路径及指定文件类型
- 如何让<input type="file">只显示按钮 不要显示文本路径?
- 关于jsp中<input type="file">获取路径问文件名,获取完全路径问题
- WebView支持<input type="file">调起本地文件,获取图片
- 通过javascript获取<input type="file">的客户端真实路径
- asp.net 中出现<input type="file"/> 控件中获取不到全路径
- JQuery------获取<input type="file">中的文件内容
- 浏览器默认<input type="file"/>标签路径为虚拟路径,获取真实路径需要使用File类的API实现
- JQuery------获取<input type="file">中的文件内容
- <input type="file"/>如何获取判断获取文件后缀
- 关于jsp中<input type="file">获取路径问文件名,获取完全路径问题
- <input type="file" >判断上传的文件是zip和rar类型
- asp.net/c# 用<input type="file" />实现文件上传,multipart/form-data
- <input type="file" />浏览时只显示指定文件类型
- HTML <input type="file">结合asp.net的一个文件上传示例
- 任意美化你的文件域 <input type="file" />
- 关于JSP中单击任意标签弹出文件选择框(<input type="file"/>)的实现方法
- 判断多个<input type="file">是否有已经选择好文件的
- [置顶] js 实现 <input type="file" /> 文件上传