使用vue2.0写一个文件上传事件
时间: 2023-03-24 19:04:51 浏览: 113
Vue2.0结合webuploader实现文件分片上传功能
您好,以下是使用 Vue2. 编写文件上传事件的示例代码:
<template>
<div>
<input type="file" @change="handleFileUpload">
</div>
</template>
<script>
export default {
methods: {
handleFileUpload(event) {
const file = event.target.files[];
const formData = new FormData();
formData.append('file', file);
// 发送文件到服务器
// ...
}
}
}
</script>
以上代码中,我们使用了 input 标签来让用户选择文件,然后在 handleFileUpload 方法中获取到用户选择的文件,并将其封装成 FormData 对象,最后发送到服务器即可。当然,具体的发送方式需要根据实际情况来确定。
阅读全文