一、使用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格式的;
在这里插入图片描述

接下来自定义上传我放在第二篇
element upload上传组件携带参数传参(二)

GitHub 加速计划 / eleme / element
15
3
下载
A Vue.js 2.0 UI Toolkit for Web
最近提交(Master分支:4 个月前 )
c345bb45 1 年前
a07f3a59 * Update transition.md * Update table.md * Update transition.md * Update table.md * Update transition.md * Update table.md * Update table.md * Update transition.md * Update popover.md 1 年前
Logo

AtomGit 是由开放原子开源基金会联合 CSDN 等生态伙伴共同推出的新一代开源与人工智能协作平台。平台坚持“开放、中立、公益”的理念,把代码托管、模型共享、数据集托管、智能体开发体验和算力服务整合在一起,为开发者提供从开发、训练到部署的一站式体验。

更多推荐