js获取上传文件的绝对路径实现方法

192 阅读 0 评论 127 点赞

我是靠谱客的博主温婉黑米，最近开发中收集的这篇文章主要介绍js获取上传文件的绝对路径实现方法，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

在html中

  <input type="file" id="importFile" />
  <input type="button" onclick="upload()"/>

<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获取上传文件的绝对路径实现方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。