axios上传文件

最新推荐文章于 2024-08-21 04:35:59 发布

wzp6010625

最新推荐文章于 2024-08-21 04:35:59 发布

阅读量299

点赞数

分类专栏： Vue

原文链接：https://blog.csdn.net/qq_30282133/article/details/88683023

版权

Vue 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

主要是用FormData对象的使用


<template>
    <div class="cancelRequest">
        <div>姓名：<input type="text" v-model="name"></div>
        <div>头像：<input type="file" ref="file"></div>
        <div @click="save">保存</div>
    </div>
</template>
 
<script>
export default {
    data(){
        return {
            name: ''
        }
    },
    methods:{
        save(){
            let formData = new FormData();
            formData.append('name', this.name);
            formData.append('img', this.$refs.file.files[0]);
            this.axios.post('/api/user/query', formData, {
                'Content-Type':'multipart/form-data'
            }).then(res=>{
 
            })
        }
    }
}
</script>