<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 就是需要像后端传递的 参数
},
element http-request 自定义事件 上传文件到后台
原文:https://www.cnblogs.com/SuperBrother/p/13141380.html