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:\\temp\file\test.txt"文件,alert(filename)却是"C:\\fakepath\test.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:\\temp\file\test.txt",document.getElementById("blogrollimagename").value=basicfile.value;

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

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

解决此问题的步骤:

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

确定后重新运行即可

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

您可能感兴趣的文章:

  • 原生JS实现前端本地文件上传
  • JS实现可视化文件上传
  • js实现文件上传功能 后台使用MultipartFile
  • JS+Struts2多文件上传实例详解
  • vue.js 图片上传并预览及图片更换功能的实现代码
  • php+croppic.js实现剪切上传图片功能
  • JavaScript使用享元模式实现文件上传优化操作示例
  • JS实现图片上传多次上传同一张不生效的处理方法
  • js实现图片上传并预览功能
  • vue.js图片转Base64上传图片并预览的实现方法
  • Angularjs实现多图片上传预览功能
  • JavaScript实现异步图像上传功能
  • SpringBoot+Vue.js实现前后端分离的文件上传功能
  • node.js自动上传ftp的脚本分享
  • JS实现的文件拖拽上传功能示例
  • Vue2.0实现调用摄像头进行拍照功能 exif.js实现图片上传功能
  • JS和Canvas实现图片的预览压缩和上传功能
  • JavaScript代码实现txt文件的上传预览功能
  • js 实现 input type="file" 文件上传示例代码
  • js实现上传图片预览的方法
  • Servlet+Jsp实现图片或文件的上传功能具体思路及代码
  • 上传图片预览JS脚本 Input file图片预览的实现示例
  • JS实现上传图片的三种方法并实现预览图片功能
  • js实现图片上传并正常显示
  • 一个简单的jQuery插件ajaxfileupload.js实现ajax上传文件例子
  • JS中使用FormData上传文件、图片的方法
  • 客户端js判断文件类型和文件大小即限制上传大小
  • 原生JS和jQuery版实现文件上传功能
  • 微信JSSDK上传图片
  • 简单实现js上传文件功能
  • JS文件上传神器bootstrap fileinput详解
  • js实现上传图片之上传前预览图片
  • Javascript图片上传前的本地预览实例
  • 学习使用AngularJS文件上传控件
  • JS简单实现文件上传实例代码(无需插件)
  • 分享5个好用的javascript文件上传插件