原生js 选择文件,获取 input type=file 时候的文件路径

使用 URL.createObjectURL() 方法来获取文件的路径。

<div>
      <input type="file" onchange="handleFileSelect(event)" />
 </div>
        <script type="text/javascript">
            function handleFileSelect(event) {
                const file = event.target.files[0].value; 
                //这就是文件路径
                const filePath = URL.createObjectURL(file);}
        </script>

选择文件 获取路径

在Web浏览器中，由于安全原因，在本地文件系统中获取文件的真实路径是不可行的。浏览器只会提供临时的虚拟路径，这是出于安全考虑的一种方式。

如果你需要使用文件路径进行本地文件操作，可以考虑使用 Node.js 等后端技术，这些技术提供了用于访问本地文件系统的 API 和方法。如果在Web中进行文件操作，一般建议使用文件上传组件、AJAX上传、表单上传等方式，而不是直接使用文件路径进行操作