input中file类型js获得路径
时间: 2023-09-15 11:20:37 浏览: 159
你可以使用`FileReader`对象读取文件,并获取文件路径。以下是一个示例代码:
```javascript
<input type="file" id="fileInput">
<script>
const fileInput = document.getElementById('fileInput');
fileInput.addEventListener('change', (event) => {
const file = event.target.files[0];
const reader = new FileReader();
reader.onload = function() {
console.log("File path: " + fileInput.value);
};
reader.readAsDataURL(file);
});
</script>
```
在这个示例中,我们首先获取了一个`<input type="file">`元素的引用,然后添加了一个`change`事件的监听器。当用户选择文件时,会触发`change`事件,我们就可以通过`event.target.files[0]`获取到选中的文件对象。
接着,我们创建了一个`FileReader`对象,并将文件对象传递给它的`readAsDataURL`方法。这个方法会异步读取文件内容,并在读取完成后触发`onload`事件。在`onload`事件中,我们可以通过`fileInput.value`获取到文件的路径。请注意,这里获取到的路径可能是一个虚拟路径,而不是文件系统中的真实路径。
阅读全文