zoukankan      html  css  js  c++  java
  • 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 就是需要像后端传递的 参数
        },
    

      

  • 相关阅读:
    用户调查报告
    beta-2阶段组员贡献分分配
    beta阶段140字评论
    11月9号站立会议
    BETA预发布演示视频
    第八周PSP&进度条
    11月8号站立会议
    栈——C语言模拟
    读《弗洛伊德:作家与白日梦》
    《爱的艺术》爱的误解——对象,状态
  • 原文地址:https://www.cnblogs.com/SuperBrother/p/13141380.html
Copyright © 2011-2022 走看看