html input file 选中文件后 如何获取文件路径

在 HTML 中，可以使用 input 标签的 type 属性设置为 "file" 来创建文件上传控件。选择文件后，可以通过 JavaScript 获取该文件的路径。 具体步骤如下： 1. 在 HTML 中创建一个 input 标签，type 属性设置为 "file"。 <input type="file" id="fileInput"> 2. 使用 JavaScript 获取该 input 标签的值，即选中的文件[对象](https://geek.csdn.net/educolumn/04c51611e4b730957464192e0307b82c?spm=1055.2569.3001.10083)。 const fileInput = document.getElementById("fileInput"); const selectedFile = fileInput.files[0]; 3. 使用 selectedFile [对象](https://geek.csdn.net/educolumn/04c51611e4b730957464192e0307b82c?spm=1055.2569.3001.10083)的属性获取文件路径。 注意：为了保护用户的隐私，浏览器并不允许直接访问文件路径。但是可以通过 selectedFile [对象](https://geek.csdn.net/educolumn/04c51611e4b730957464192e0307b82c?spm=1055.2569.3001.10083)的 name 属性获取文件名。如果需要获取文件的[完整](https://geek.csdn.net/educolumn/15a5f024d094de5b7e06010fb496f144?spm=1055.2569.3001.10083)路径，可以使用 FileReader [对象](https://geek.csdn.net/educolumn/04c51611e4b730957464192e0307b82c?spm=1055.2569.3001.10083)读取文件内容，并获取文件的 URL。 console.log(selectedFile.name); // 输出文件名 希望能够帮助到你。