const file = event.target.files[0]; 获取本地地址
时间: 2024-10-10 11:06:26 浏览: 31
vue给input file绑定函数获取当前上传的对象完美实现方法
当你在HTML5的表单元素(如<input type="file">)中通过事件监听获取用户选择的文件时,`event.target.files[0]` 是用来访问用户所选的第一个文件的。这里的`files`属性是一个FileList对象,它包含了一组File对象,每个File对象代表了用户选择的一个文件。
例如,在JavaScript中,你可以这样操作:
```javascript
document.getElementById('your-file-input').addEventListener('change', (event) => {
const file = event.target.files[0]; // 获取第一个选中的文件
if (file) {
let filePath = URL.createObjectURL(file); // 创建临时的URL指向文件
// 现在你可以用filePath来展示文件名、预览等,例如显示在DOM中
} else {
console.log('未选择文件');
}
}, false);
```
在这个例子中,`filePath`就是文件的本地URL,你可以使用这个URL来进一步操作文件,比如上传至服务器。当不再需要这个URL时,记得释放它,通常通过`URL.revokeObjectURL(filePath)`。
阅读全文