数据提交同步文件上传操作指南

最新推荐文章于 2021-07-30 20:41:20 发布

qq_41811870

最新推荐文章于 2021-07-30 20:41:20 发布

阅读量355

点赞数

本文链接：https://blog.csdn.net/qq_41811870/article/details/119040570

版权

1.所用技术栈： vue

2.框架支持：gdui，jquery

[1] 前言

文件上传调用接口在选择文件时候，就被调用并上传。但这并不是我们所希望的，可能在选择文件过程中出现错误，我们希望在联通表单数据上传调用接口的同时调用文件上传的接口连接。所以我们不得不重新封装和使用相关原型链上的知识来解决问题。

【1】

html

就引用dgui的文件上传插件为例

        <gd-form-item :span="12">
          <gd-upload
            :action="postFile?upload.url:''"
            :data="uploadParams"
            :headers="upload.header"
            :on-progress="onProgress"
            :on-success="onSuccess"
            :on-error="onError"
            :key="uploadId"
            :isFormUpload="false"
            :multiple="true"
            @on-change-handler="onChangeHandler">
            <span slot="tip">支持png、jpg、jpeg、pdf、word、excel、txt、zip、gif、音频、视频等，最大上传30M</