element上传文件多选 实现文件排序

上传文件多选排序

只上代码 不多逼逼

这是el-elment 的文件上传

 <el-uploadaction="#"list-type="picture-card"ref="upload":accept="accept":on-change="onUploadChange":file-list="fileList":http-request="preservation":before-upload="beforeAvatarUpload":show-file-list="false":on-remove="onRemove":multiple="multiple":disabled="disabled":auto-upload="true"><i slot="default" class="el-icon-plus"></i></el-upload>

上传代码

data() {return {uploadQueue: [],uploading: false,loading: null}},async preservation() {try {if (!this.loading) {this.loading = this.$loading({lock: true,text: '疯狂上传中~',spinner: 'el-icon-loading',background: 'rgba(0, 0, 0, 0.7)'});}let imgUrl = this.$refs['upload'].uploadFilesif (imgUrl && imgUrl.length)this.uploadQueue.push(imgUrl[imgUrl.length - 1])if (!this.uploading) await this.processQueue()} catch (e) {if (this.loading) this.loading.close()this.uploadQueue = []this.uploading = false}},async processQueue() {if (!this.uploadQueue.length) {this.uploading = falsethis.uploading.close()return}this.uploading = true;let file = this.uploadQueue.shift()if (this.iSimgName) {this.imgName.push(file.name.split('.')[0])}await OSS.ossPut(file, this.fileName).then(res => {this.value.push(res.url)this.$emit('UploadSucceeded', res.url)})// this.loading.close()// this.$refs["upload"].clearFiles()// 继续处理下一个await this.processQueue();},