element 自定义上传

28 篇文章 0 订阅

#正常自定义上传

          <el-upload
            class="upload-asbuiltDrawingFileIds"
            :action="uploadurl"
            :headers="importHeaders"
            :on-remove="handleRemove2"
            :on-success="getasbuiltDrawingFileIds"
            :before-remove="beforeRemove"
            :on-error="handleAvatarError"
            :before-upload="beforeAvatarUpload"
            multiple
            :on-exceed="handleExceed"
            :file-list="pictureUrls"
          >
            <div class="upload-title" size="small" type="primary">
              上传附件(支持源文件)
            </div>
          </el-upload>

覆盖上传方法

        <el-upload
            class="AlignTop  upload-demo"
            drag
            ref="upload"
            action
            :disabled='type'
            :auto-upload="true"
            :before-upload="beforeAvatarUpload"
            :on-remove="handleRemove"
            :http-request="customUpload"
            :on-success="uploadsuccess"
            :on-error="uploaderror"
            :file-list="filelist"
          >
          <i class="el-icon-upload"></i>
          <div class="el-upload__text">将文件拖到此处,或<em>点击上传</em></div>
          <div class="el-upload__tip" slot="tip" style="color: #E71717;">支持扩展名:rar、zip、doc、docx、pdf、jpg...</div>
        </el-upload>

要额外传参的话

            <el-upload
              :class="{ disabled: item.imgList3.length >= 1 }"
              class="avatar-uploaders"
              :action="uploadurl"
              :headers="importHeaders"
              list-type="picture-card"
              :on-success="
                (response, file, fileList) =>
                  handleAvatarSuccess4(response, file, fileList, index, 'close')
              "
              :on-error="handleAvatarError"
              :before-upload="beforeAvatarUpload"
              :file-list="item.imgList3"
              :on-remove="
                (response, file, fileList) =>
                  getremove4(response, file, fileList, index, 'close')
              "
            >
              <img
                class="el-icon-plus avatar-uploader-icon"
                src="@/assets/fenlei_content_botton_add.png"
              />
            </el-upload>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值