在另一个文本框显示input file选择的文件名字
2015-09-09 14:53
375 查看
javascript 获取文件域 (type=file) 的完整路径一直是很麻烦的问题,问题主要出在一些浏览器基于安全性考虑而不能正常获取到文件域中选中图片的决对路径,尤其一些基于webkit的浏览器比如 Chrome, Safire等浏览器,下面是一个可以兼容 IE 6 , 7, 8 和 firefox 的获取 input file 完整路径的方法,该方法不支持 Chrome 和 Safire,要支持这些浏览器可能要使用到 Flash ,对程序员来说比较麻烦。
HTML页面: <input type="file" name="attachment" id="attachment" /> <input type="text" name="trueattachment" id="trueattachment" />
js部分: <script type="text/javascript"> var attachment=document.getElementById("attachment"); var trueattachment=document.getElementById("trueattachment"); attachment.onchange=function(){ trueattachment.value=getFullPath(this); } 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>
相关文章推荐
- linux安装dhcp服务器
- 【ubuntu】root账号启用方法
- Hadoop 实例14 MultipleInputs实战2:多文件输入执行join操作
- 手把手教你把Vim改装成一个IDE编程环境(图文)
- 【C++专题】static_cast, dynamic_cast, const_cast探讨
- C++构造函数的继承
- 缓冲区溢出分析第05课:编写通用的ShellCode
- CentOS6服务管理之DNS-本地DNS服务器的搭建
- Racktables自定义报表
- 1-LTE Network Architecture: Basic
- Testlink与Mantis使用总结
- iOS计算字符串MD5
- 利用js代码模拟浏览器后退、前进、刷新
- Spark入门实战系列--6.SparkSQL(中)--深入了解SparkSQL运行计划及调优
- 欢迎使用CSDN-markdown编辑器
- 文章标题
- CentOS7将firewalld换成iptables
- poj_3067 树状数组
- 八、TexturePacker命令行压缩图片
- 把一个字符串循环左移n个字符