组件ImageUpload支持多图同时选择上传

pull/158/head
RuoYi 3 years ago
parent 089ebaf9c5
commit c43565ef43

@ -125,10 +125,7 @@ public class ScheduleUtils
int count = StringUtils.countMatches(packageName, ".");
if (count > 1)
{
if (!StringUtils.containsAnyIgnoreCase(invokeTarget, Constants.JOB_WHITELIST_STR))
{
return false;
}
return StringUtils.containsAnyIgnoreCase(invokeTarget, Constants.JOB_WHITELIST_STR);
}
return true;
}

@ -1,6 +1,7 @@
<template>
<div class="component-upload-image">
<el-upload
multiple
:action="uploadImgUrl"
list-type="picture-card"
:on-success="handleUploadSuccess"
@ -70,6 +71,8 @@ export default {
},
data() {
return {
number: 0,
uploadList: [],
dialogImageUrl: "",
dialogVisible: false,
hideUpload: false,
@ -119,9 +122,14 @@ export default {
},
//
handleUploadSuccess(res) {
this.fileList.push({ name: res.data.url, url: res.data.url });
this.uploadList.push({ name: res.data.url, url: res.data.url });
if (this.uploadList.length === this.number) {
this.fileList = this.fileList.concat(this.uploadList);
this.uploadList = [];
this.number = 0;
this.$emit("input", this.listToString(this.fileList));
this.loading.close();
}
},
// loading
handleBeforeUpload(file) {
@ -158,6 +166,7 @@ export default {
text: "上传中",
background: "rgba(0, 0, 0, 0.7)",
});
this.number++;
},
//
handleExceed() {

Loading…
Cancel
Save