elementui中同时上传多个文件_element-ui多文件上传的实现示例

上传方案一：

先将文件上传到七牛，再将七牛上传返回的文件访问路径上传到服务器

class="upload-music"

ref="upload"

action="http://up-z2.qiniup.com/"

:data="{token:uploadToken}"

multiple

accept=".mp3"

:before-upload="uploadBefore"

:on-change="uploadChange"

:on-success="uploadSuccess"

:on-error="uploadError">

选取文件

仅支持上传mp3文件，文件大小不超过500M

上传到服务器

export default {

name: 'uploadMusic',

data() {

return {

headers: {},

uploadToken: null,

canUploadMore: true,

fileList: null,

}

},

created() {

this.headers = {} //此处需要与server约定具体的header

this.getUploadToken()

},

methods: {

//获取上传七牛token凭证

getUploadToken() {

this.$http.get('xxxxxxx', {headers: this.headers}).then(response => {

if (response.data.status == 200) {

let resp = response.data.data

this.uploadToken = resp.token

} else {

this.$message({

message: '获取凭证失败，请重试',

type: 'error'

})

}

})

},

//获取音频文件时长

getVideoPlayTime(file, fileList) {