js获取文件上传路径(解决出现fakepath的问题)

avatar
作者
筋斗云
阅读量:5

在Javascript中,由于安全性的问题,无法直接获取文件的完整路径。浏览器为了保护用户隐私,将文件路径设置为虚假路径(fake path),即使你通过input标签选择了一个文件,也只能获取到文件的名称,而无法获取到完整的文件路径。

如果你需要获取文件的完整路径,可以考虑以下解决方案:

  1. 使用File API:可以通过File API的File对象获取文件的相关信息,包括文件名、文件大小、文件类型等,但是无法获取到完整的文件路径。示例代码如下:
var fileInput = document.getElementById('fileInput'); var file = fileInput.files[0]; console.log('文件名:', file.name); console.log('文件大小:', file.size); console.log('文件类型:', file.type); 
  1. 后端处理:如果你的需求是需要获取文件的完整路径,可以考虑将文件上传的逻辑放在后端处理。前端通过Ajax将文件发送给后端,后端在接收到文件后可以获取文件的完整路径。

  2. 使用第三方库:一些第三方库(如plupload、fine-uploader等)提供了一些解决方案,可以在一定程度上获取到文件的完整路径,但是需要使用特定的插件或库来实现。

总结来说,由于安全性的考虑,在Javascript中无法直接获取到文件的完整路径。如果你有其他的解决方案或需求,可以提供更多的信息,以便我们能够给予更准确的帮助。

广告一刻

为您即时展示最新活动产品广告消息,让您随时掌握产品活动新动态!