js获取上传文件的绝对路径实现方法
js获取上传文件的绝对路径实现方法
发布时间:2016-12-30 来源:查字典编辑
摘要:在html中functionupload(){varfilename=document.getElementById("importFile...

在html中

<input type="file" id="importFile" /> <input type="button"/> <script> function upload() { var filename = document.getElementById("importFile").value; // 这时的filename不是 importFile 框中的值 alert(filename); } </script>

如上面的代码,用文件上传对话框选择文件后,如果选择"D:tempfiletest.txt"文件,alert(filename)却是"C:fakepathtest.txt"这是为什么?我想要取得原本的文件路径及文件名,应该怎么办?先谢谢各位了。

<input type="file" name="blogrollimage" onchange="setBlogrollImageName(this)" txlFillIn="isNotNull" title="链接图片"> <script type="text/javascript"> function setBlogrollImageName(basicfile){ document.getElementById("blogrollimagename").value=basicfile.value; } </script>

input的时候把onchange="setBlogrollImageName(this)" 加上,再把这段js加到页面即可!

感谢doop1120的回复。

我按您说的做了,不过,结果还是一样。如果选择"D:tempfiletest.txt",document.getElementById("blogrollimagename").value=basicfile.value;

这样获取的值仍然是document.getElementById("blogrollimagename").value=C:fakepathtest.txt,而不是我想要的D:tempfiletest.txt

出现D:tempfile的原因是ie浏览器安全设置的问题

解决此问题的步骤:

打开ie浏览器-->internet 选项-->安全-->自定义级别-->其他-->将"将文件上载到服务器时显示文件目录路径"启用

确定后重新运行即可

以上这篇js获取上传文件的绝对路径实现方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持查字典教程网。

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新Javascript教程学习
热门Javascript教程学习
编程开发子分类