如何从浏览器文件输入中获取完整的本地文件路径？

从浏览器文件输入获取真实的本地文件路径

浏览器通常显示通过选择的文件源自“C:fakepath”或类似的虚假位置。此安全措施可防止脚本访问实际的本地路径，这种做法可能会被滥用于恶意目的。

当开发人员需要完整的本地路径进行文件处理或其他操作时，这种有限的信息可能会令人沮丧。虽然在现代浏览器中没有直接的方法来检索真实路径，但有一些解决方法可以提供部分可访问的表示。

对于基于 Mozilla 的浏览器（例如 Firefox），无法访问文件的完整路径可能的。浏览器只会在指定元素中将文件名显示为“test.csv”。

但是，在其他浏览器中，开发人员可以使用 webkitRelativePath 属性（基于 WebKit 的浏览器，如 Chrome）或 mozFullPath 属性（pre -Firefox 69) 获取部分本地路径表示。

这里是一个示例Chrome:

`

 document.querySelector('input[type=file]').addEventListener('change', function() {<pre class="brush:php;toolbar:false">console.log(this.files[0].webkitRelativePath);

});

`

此代码将记录如下路径“Documents/test.csv”，不是完整路径，但提供了比“C:fakepath”更丰富的信息。

需要注意的是，这些解决方法可能并非在所有浏览器中都可用，或者可能有实施安全限制。因此，在开发 Web 应用程序时，考虑访问文件路径的安全影响并遵守浏览器安全准则至关重要。

以上是如何从浏览器文件输入中获取完整的本地文件路径？的详细内容。更多信息请关注PHP中文网其他相关文章！