diff --git a/flossom-ui/src/views/system/mode/index.vue b/flossom-ui/src/views/system/mode/index.vue index 29bd40b..3894b12 100644 --- a/flossom-ui/src/views/system/mode/index.vue +++ b/flossom-ui/src/views/system/mode/index.vue @@ -216,8 +216,9 @@ list-type="picture-card" :on-preview="handlePreviewFile" :on-success="handleBannerFileSuccess" - :before-upload="beforeBannerUpload" - :on-remove="handleRemoveBanner"> + :before-upload="limitImageFileType" + :on-remove="handleRemoveBanner" + accept=".jpeg,.jpg,.png,.svg">
只能上传jpg/png图片
@@ -229,16 +230,16 @@ 点击上传 -
只能上传视频文件(mp4,avi,mov,wmv格式),且不超过50M
+
只能上传视频文件,且不超过50M
@@ -725,19 +726,39 @@ export default { handlePreview(file) { console.log(file); }, - limitUploadFileType(file) { - const type = ['video/mp4','video/avi','video/mov','video/rmvb','video/rm','video/flv','video/3gp'] - const isVideo = type.includes(file.type) + limitImageFileType(file) { + const imageType = ['image/jpeg', 'image/jpg', 'image/png', 'image/svg'] + let isVideo = imageType.includes(file.type) + // 检验文件格式 + if (!isVideo) { + this.$message.error(`图片格式错误!`) + return false + } + // 校检文件大小 + let fileSize = 5; + if (fileSize) { + let isLt = file.size / 1024 / 1024 < fileSize + if (!isLt) { + this.$message.error(`上传文件大小不能超过 ${fileSize} MB!`) + return false + } + } + return true; + + }, + limitVideFileType(file) { + const videoType = ['video/mp4','video/avi','video/mov','video/rmvb','video/rm','video/flv','video/3gp'] + let isVideo = videoType.includes(file.type) // 检验文件格式 if (!isVideo) { this.$message.error(`视频格式错误!`) return false } // 校检文件大小 - const fileSize = 50; - const isLt = file.size / 1024 / 1024 < fileSize + let fileSize = 50; + let isLt = file.size / 1024 / 1024 < fileSize if (!isLt) { - this.$message.error(`上传文件大小不能超过 ${this.fileSize} MB!`) + this.$message.error(`上传文件大小不能超过 ${fileSize} MB!`) return false } return true @@ -767,8 +788,6 @@ export default { this.dialogImageUrl = file.url; this.dialogVisible = true; }, - beforeBannerUpload(){ - }, // 展示弹出弹窗 showOpenSource(){ this.openSourceOpen = true;