element ui上传组件

迈不过友情╰ 2023-02-08 15:50 15阅读 0赞

![20200725143100510.png][]

<el-form-item label="选择Excel">
            <el-upload
              ref="upload"
              :auto-upload="false"
              :on-success="fileUploadSuccess"
              :on-error="fileUploadError"
              :disabled="importBtnDisabled"
              :limit="1"
              :action="BASE_API+'eduservice/subject/addSubject'"
              name="file"
              accept="application/vnd.ms-excel">
              <el-button slot="trigger" size="small" type="primary">选取文件</el-button>
              <el-button
                :loading="loading"
                style="margin-left: 10px;"
                size="small"
                type="success"
                @click="submitUpload">上传到服务器</el-button>
            </el-upload>
          </el-form-item>

其实就是一个表单 submit就行 核心方法

//上传文件
            submitUpload(){
    
                this.importBtnDisabled = true
                this.loading = true
                this.$refs.upload.submit()
    
    
            },

[20200725143100510.png]: /images/20230208/e7afa02c86e24084b400530330e39aab.png

发表评论取消回复

表情：

评论列表（有 0 条评论，15人围观）

还没有评论，来说两句吧...

相关阅读

相关 element ui+vue实现分页组件传值

props：父传子分页公用组件： element ui样式：传值组件：props父传子 data定义变量：方法： <template>

野性酷女/ 2023年10月10日 08:28/ 0 赞/ 78 阅读

相关 element-ui自定义文件上传

小哥今天心情好在抄一篇文章啦啦啦！ html name上传文件参数名 files data 上传参数 <el-upload ref="upload

我不是女神ヾ/ 2023年02月19日 07:29/ 0 赞/ 72 阅读

相关 element ui上传组件

![20200725143100510.png][] <el-form-item label="选择Excel"> <el-upl

迈不过友情╰/ 2023年02月08日 15:50/ 0 赞/ 16 阅读

相关 element-ui上传文件后隐藏上传按钮

一、el-upload里面绑定一个占位class： :class="{imgHide:imgHideUpload}" imgHide： css调用 imgHide

悠悠/ 2023年01月05日 05:19/ 0 赞/ 377 阅读

相关 element-ui 上传组件钩子添加参数

疑问解答相信不少小伙伴是这样写得 :on-success="handleBannerSuccess(index, $event)" 但是发现触发不了放，这是

矫情吗；*/ 2022年12月22日 00:53/ 0 赞/ 123 阅读

相关【组件】element图片上传组件

> `前言` 封装的图片上传组件 <template> <div class="public-upload-image"> <el-up

Myth丶恋晨/ 2022年12月19日 03:38/ 0 赞/ 68 阅读

相关 el-dialog传值（element ui dialog 父子组件传值）

[https://element.eleme.cn/\/zh-CN/component/dialog][https_element.eleme.cn_zh-CN_comp

喜欢ヅ旅行/ 2022年11月12日 08:25/ 0 赞/ 53 阅读

相关 element ui 多文件上传

> 1.上传代码 vue > > <el-upload > list-type="picture-card" >

╰半橙微兮°/ 2022年09月04日 07:46/ 0 赞/ 47 阅读

相关 SpringBoot+element-ui进行文件上传

当进行系统开发时，往往涉及到文件的上传或下载，基本原理都是获取文件的输入流，然后在另一个新的文件进行写出。 1.准备目录结构： ![在这里插入图片描述][wate

短命女/ 2022年03月16日 13:22/ 0 赞/ 398 阅读

相关 VUE Element ui附件上传

前端代码上传 </el-upload> </el-col> <el-col :span="4">

超、凢脫俗/ 2021年09月27日 16:26/ 0 赞/ 442 阅读