如何使用 JavaScript 和 jQuery 检索完整文件路径？

使用 JavaScript 和 jQuery 检索所选文件的完整路径

在 Web 开发中，通常需要使用 HTML < 来处理文件选择;输入类型=“文件”>元素。虽然 Firefox 和 Chrome 等浏览器提供对文件名的访问，但出于安全原因，它们限制对完整路径的访问。

使用值属性的失败方法

一种常见的误解是 <input type="file"> 的 value 属性。包含完整路径。然而，这种方法只返回文件名，而不是完整路径。

<input type="file">

浏览器安全限制

浏览器故意禁止通过 JavaScript 访问完整路径防止恶意攻击，保护用户隐私。本质上，JavaScript 无法访问文件系统。

Firefox 的替代品

虽然其他浏览器不提供对完整路径的访问，但 Firefox 有一个独特的属性称为 mozFullPath。但是，尝试访问此属性会返回空字符串。

$('input[type=file]').change(function () {
  console.log(this.files[0].mozFullPath);
});
https://jsfiddle.net/SCK5A/

文件读取的替代方法

不要依赖完整路径，请考虑使用文件Reader API，允许您读取文件的内容，而无需访问其在系统上的位置。此方法通常用于在上传前预览图像，如以下 Stack Overflow 问题中所述：

在上传前预览图像。

以上是如何使用 JavaScript 和 jQuery 检索完整文件路径？的详细内容。更多信息请关注PHP中文网其他相关文章！