如何从 JavaScript 中的 `` 元素获取完整文件路径？

使用

在 JavaScript 应用程序中，访问所选文件的完整路径使用 元素是一个常见的要求。但是，出于安全考虑，浏览器通常只提供文件名。

您提供的代码片段演示了此限制：

$('input[type=file]').change(function () {
  var filePath = $('#fileUpload').val();
});

filePath 变量仅包含文件名，而不包含其文件名完整路径。

当前限制

出于安全考虑由于原因，JavaScript 无法访问文件系统。 Firefox 和 Chrome 等浏览器仅提供文件名，以保护用户隐私并防止恶意脚本访问敏感数据。

Firefox 的 mozFullPath 属性

Firefox 确实提供了 mozFullPath其文件 API 中的属性。但是，访问此属性将返回空字符串：

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

替代方法

由于浏览器限制直接访问文件路径，因此需要替代方法来获取文件数据。一种选择是使用 FileReader API，它允许您读取所选文件的内容，而不需要其完整路径。

另一种方法是实现文件上传服务器端，其中文件数据可以是安全地检索和处理。

以上是如何从 JavaScript 中的 `` 元素获取完整文件路径？的详细内容。更多信息请关注PHP中文网其他相关文章！