upload 批量上传附件都放在一个请求中

<el-upload

    :disabled="this.id== ''"

    class="upload-demo"

    style="display:inline;"

    :action="uploadURLImg"

    :show-file-list="false"

    multiple

    ref="upload"

    :auto-upload="true"

    :on-change="handleChangeImg"

    :http-request="request">

    <el-button style="background:rgb(86, 136, 171);color:#fff;margin-left:0px;">

        批量上传图纸

    </el-button>

</el-upload>

属性注解:

    action: 必选参数,上传的地址

    show-file-list: 是否显示已上传文件列表

    multiple: 是否支持多选文件

    ref: ref 被用来给元素或子组件注册引用信息。引用信息将会注册在父组件的 $refs 对象上

    auto-upload: 是否在选取文件后立即进行上传

    on-change: 文件状态改变时的钩子,添加文件、上传成功和上传失败时都会被调用

    http-request: 覆盖默认的上传行为,可以自定义上传的实现

    


请求方法:

export const uploadFileRequest = (url, params) => {

    return axios({

        method: 'post',

        url: `${base}${url}`,

        data: params,

        headers: { 'Content-Type': 'multipart/form-data' }

    });

}

参考codePen演示地址: https://codepen.io/enjoykai/pen/WNwRXLK

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容