vue文件上传具体代码
时间: 2023-05-21 07:00:53 浏览: 103
vue中实现图片和文件上传的示例代码
以下是一个简单的 Vue 文件上传代码示例:
<template>
<div>
<input type="file" @change="handleFileUpload" />
<button @click="uploadFile">上传文件</button>
</div>
</template>
<script>
export default {
data() {
return {
file: null,
};
},
methods: {
handleFileUpload(event) {
this.file = event.target.files[0];
},
uploadFile() {
const formData = new FormData();
formData.append("file", this.file);
axios.post("/upload", formData).then((response) => {
console.log(response.data);
});
},
},
};
</script>
请注意,这只是一个简单的示例代码,实际的文件上传代码可能需要更多的逻辑和错误处理。
阅读全文