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 就是需要像后端传递的 参数
        },
    

      

  • 相关阅读:
    Ambari 整体架构
    Ambari 介绍
    xcode工程命令行生成ipa安装包
    gradle打包java项目
    FreeMarker标签介绍
    P与NP,从概念到研究全面综述
    计算机领域经典笑话
    自己动手写GC
    编程语言简史
    不第后赋菊
  • 原文地址:https://www.cnblogs.com/SuperBrother/p/13141380.html
Copyright © 2011-2022 走看看