富文本新增上传文件大小限制

This commit is contained in:
RuoYi 2021-07-25 08:57:01 +08:00
parent c43f9bc3c2
commit bb87f35797
1 changed files with 18 additions and 8 deletions

View File

@ -2,6 +2,7 @@
<div> <div>
<el-upload <el-upload
:action="uploadUrl" :action="uploadUrl"
:before-upload="handleBeforeUpload"
:on-success="handleUploadSuccess" :on-success="handleUploadSuccess"
:on-error="handleUploadError" :on-error="handleUploadError"
name="file" name="file"
@ -46,6 +47,11 @@ export default {
type: Boolean, type: Boolean,
default: false, default: false,
}, },
// (MB)
fileSize: {
type: Number,
default: 5,
},
/* 类型base64格式、url格式 */ /* 类型base64格式、url格式 */
type: { type: {
type: String, type: String,
@ -130,14 +136,6 @@ export default {
this.quill.format("image", false); this.quill.format("image", false);
} }
}); });
// toolbar.addHandler("video", (value) => {
// this.uploadType = "video";
// if (value) {
// this.$refs.upload.$children[0].$refs.input.click();
// } else {
// this.quill.format("video", false);
// }
// });
} }
this.Quill.pasteHTML(this.currentValue); this.Quill.pasteHTML(this.currentValue);
this.Quill.on("text-change", (delta, oldDelta, source) => { this.Quill.on("text-change", (delta, oldDelta, source) => {
@ -158,6 +156,18 @@ export default {
this.$emit("on-editor-change", eventName, ...args); this.$emit("on-editor-change", eventName, ...args);
}); });
}, },
//
handleBeforeUpload(file) {
//
if (this.fileSize) {
const isLt = file.size / 1024 / 1024 < this.fileSize;
if (!isLt) {
this.$message.error(`上传文件大小不能超过 ${this.fileSize} MB!`);
return false;
}
}
return true;
},
handleUploadSuccess(res, file) { handleUploadSuccess(res, file) {
// //
let quill = this.Quill; let quill = this.Quill;