html文件选择实现,并获取文件绝对路径,得到fakepath怎么解决,举例说明
时间: 2024-06-04 16:11:23 浏览: 164
解决fakepath的js
3星 · 编辑精心推荐
您好, 关于您的问题:
这是一个 HTML 文件选择实现,并获取文件绝对路径,但是在获取文件路径时会出现 fakepath 的问题。
解决方法:
在 JavaScript 中,可以通过 File 对象获取到 file 对象的绝对路径,但是在 Chrome 中,最终的路径却会变成 fakepath,这是因为浏览器出于安全考虑,不允许 JavaScript 访问文件系统的原因所致。
因此,要真正获取到文件的绝对路径,可以通过以下方法实现:
1.使用第三方库,如 jQuery File Upload 和 Dropzone.js 等,这些库可以帮助我们解决文件上传的问题,并返回所选文件的绝对路径。
2.使用后端技术,如 PHP 等,将文件上传到服务器后,再返回文件路径给前端。
举例说明:
假设我们有一个 input 标签,用于选择文件:
<input type="file" id="file-upload">
我们可以通过以下代码获取到所选文件的绝对路径:
var fileInput = document.getElementById("file-upload");
var fullPath = fileInput.value;
if (fullPath) {
var startIndex = (fullPath.indexOf('\\') >= 0 ? fullPath.lastIndexOf('\\') : fullPath.lastIndexOf('/'));
var filename = fullPath.substring(startIndex);
if (filename.indexOf('\\') === 0 || filename.indexOf('/') === 0) {
filename = filename.substring(1);
}
alert("文件的绝对路径为:" + filename);
}
以上代码可以在不返回 fakepath 的情况下,获取到所选文件的真实路径。
希望对您有所帮助。
阅读全文