如何获得input file的文件路径

呵呵
  • 8

如何获得input file的文件路径

网上的方法都使了个遍,没有一个有用:value 没用、val() 报错、files[0] 报错

万能的网友啊,帮我指条明路吧。

回复
阅读 377
2 个回答
✓ 已被采纳

获取不了的,如果可以获取那么js 就可以随便猜测你磁盘上的文件了

当使用一个 <input type="file"> 选择一个文件 <input type="file">,出于明显的安全原因,源文件的实际路径没有显示在 input 的 value 属性中。相反,显示了文件名,并用 C:\fakepath\ 附加在路径的开头

<input type="file" id="inputfile" accept="text/plain" />

这是由于浏览器的安全机制,input file的路径被fakepath代替,隐藏了真实物理路径。
解决方法
(1)调整浏览器的浏览器安全设置(不推荐,也不合理)。
(2)使用window.URL.createObjectURL()

const inputFile = document.getElementById('inputfile');
inputFile.onchange = function () {
    let url = null;
    let fileObj = document.getElementById("inputfile").files[0];
    if (window.createObjcectURL != undefined) {
        url = window.createOjcectURL(fileObj);
    } else if (window.URL != undefined) {
        url = window.URL.createObjectURL(fileObj);
    } else if (window.webkitURL != undefined) {
        url = window.webkitURL.createObjectURL(fileObj);
    }
    console.log(url)
}
你知道吗?

宣传栏