element upload上传组件携带参数传参（一）

小小婷几

已于 2022-10-13 13:48:46 修改

阅读量1.2w

点赞数 7

分类专栏： vue 文章标签： vue.js node.js 前端

于 2022-02-24 15:34:03 首次发布

本文链接：https://blog.csdn.net/qq_40128375/article/details/123112708

版权

vue 专栏收录该内容

21 篇文章 1 订阅

订阅专栏

一、使用upload组件本身上传

    <el-upload
        action="https://www.xxxx.com/dd" // s上传地址
        :data="uploadData" // 上传携带参数
        :limit="1"
        :multiple="false"
        :before-upload="handleBeforeUpload"
        :on-remove="handleRemove"
        :on-error="handleError">
        <i class="el-icon-folder-add" />
    </el-upload>

// js 
    computed: {
        uploadData() {
            return {
                body: JSON.stringify(this.form)
            }
        }
    },

上面有几个必填参数，这里用upload自带上传就需要填入action.见第一张图。
headers也要在接口中指定， headers: { 'content-type': 'multipart/form-data' } ,也可以
在upload上绑定，属性是支持的。这里是自动上传的，不自动上传绑定 :auto-upload="false"即可。
在这里插入图片描述
成功是这样的，数据是form-data格式的；