1. 首页
  2. 问题
  3. 如何在更改时获取所选文件的完整路径 使用javascript，jquery-ajax吗？
小编典典

如何在更改时获取所选文件的完整路径 使用javascript，jquery-ajax吗？

javascript

使用选择文件时如何获取文件的完整路径 <input type=‘file’>

<input type="file" id="fileUpload">
<script type="text/javascript">
function getFilePath(){
     $('input[type=file]').change(function () {
         var filePath=$('#fileUpload').val(); 
     });
}
</script>

但是filePath var包含only name所选文件，而不是full path。
我在网上搜索了它，但出于安全原因，似乎浏览器（FF，chrome）仅提供文件名。
还有其他方法来获取所选文件的完整路径吗？


阅读 475

收藏
2020-04-22

共1个答案

小编典典

出于安全原因，浏览器不允许这样做，即浏览器中的JavaScript不能访问文件系统，但是使用HTML5 File
API，仅Firefox提供了mozFullPath属性，但是如果您尝试获取该值，它将返回一个空字符串：

$('input[type=file]').change(function () {
    console.log(this.files[0].mozFullPath);
});

http://jsfiddle.net/SCK5A/

因此，不要浪费您的时间。

编辑：如果您需要文件的路径来读取文件，则可以使用FileReaderAPI。

2020-04-22