帮我用vue3写一个上传图片的功能
时间: 2023-03-27 09:01:39 浏览: 95
好的,我可以为您提供一个使用 Vue3 编写的上传图片的功能。您可以使用 Vue3 的 Composition API 和 axios 库来实现这个功能。以下是代码示例:
<template>
<div>
<input type="file" @change="handleFileUpload" />
<button @click="uploadFile">上传</button>
</div>
</template>
<script>
import { ref } from 'vue'
import axios from 'axios'
export default {
setup() {
const file = ref(null)
const handleFileUpload = (event) => {
file.value = event.target.files[]
}
const uploadFile = async () => {
const formData = new FormData()
formData.append('file', file.value)
try {
const response = await axios.post('/api/upload', formData)
console.log(response.data)
} catch (error) {
console.log(error)
}
}
return {
file,
handleFileUpload,
uploadFile
}
}
}
</script>
请注意,这只是一个简单的示例,您需要根据您的具体需求进行修改和调整。