如何获得input file的文件路径

Question

如何获得input file的文件路径

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

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

Answer 1

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

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

Answer 2

<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)
}