element http-request 自定义事件 上传文件到后台

    <el-dialog title="上传 Apk 包" class="uploadakpdia" :visible.sync="packageManage" width="30%">
      <el-upload
        class="upload-demo"
        drag
        action="/api/admin-app-v2/upload/attachment"
        multiple
        ref="upload"
        :show-file-list="false"
        :http-request="customUpload"
      >
        <i class="el-icon-upload"></i>
        <div class="el-upload__text">
          <em>轻击</em>
          或拖拽 Apk 包文件至此上传
        </div>
      </el-upload>

      <div class="unloadmessage">
        <transition name="fade">
          <div v-if="unloadmessage" class="unloadmessage-box">
            <div>
              <span style="margin-left:20px;margin-right:20px;">{{fileNanem}}</span>
              <el-tag>{{fileSize}}</el-tag>
            </div>

            <i class="el-icon-close" @click="deleteApk"></i>
          </div>
        </transition>
      </div>
      <span slot="footer" class="dialog-footer">
        <el-button @click="packageManage = false">取 消</el-button>
        <el-button type="primary" @click="handeluploadApk">开始上传</el-button>
      </span>
    </el-dialog>

  

    customUpload(content) {
      this.fileNanem = content.file.name
      this.fileSize = `${content.file.size / 1024 / 1024}MB`
      this.unloadmessage = true
      let data = new FormData()
      data.append('file', content.file)
      data.append('ownerId', this.ownerId)
      this.uploadData = data  // uploadDataj 就是需要像后端传递的 参数
    },

  

原文地址:https://www.cnblogs.com/SuperBrother/p/13141380.html