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

小小婷几

已于 2022-02-24 15:59:59 修改

阅读量4.7k

点赞数 6

CC 4.0 BY-SA版权

分类专栏： vue 文章标签： elementui

于 2022-02-24 15:38:58 首次发布

本文链接：https://blog.youkuaiyun.com/qq_40128375/article/details/123113149

vue 专栏收录该内容

21 篇文章

订阅专栏

upload自定义上传

   <el-upload
       action
       :limit="1"
       :multiple="false"
       :http-request="httpRequest"
       :before-upload="handleBeforeUpload"
       :on-remove="handleRemove"
       :on-error="handleError">
       <i class="el-icon-folder-add" />
   </el-upload>

methods: {
    httpRequest(params) {
        const form = new FormData();
        form.append('file', params.file);
		// 这里需要做一下序列化，把表单数据都append到formdata中
        for (const key in this.formModel) {
            if (Object.hasOwnProperty.call(this.formModel, key)) {
                form.append(key, this.formModel[key]);
            };
        };
        // 最后调上传接口 ...
        this.$api.myupload(form).then(res => {})
    },

}