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;