shaogen1995 4 лет назад
Родитель
Сommit
626d5643e2
2 измененных файлов с 40 добавлено и 12 удалено
  1. 20 6
      src/pages/collection/collectionEdit.vue
  2. 20 6
      src/pages/news/bookEdit.vue

+ 20 - 6
src/pages/collection/collectionEdit.vue

@@ -243,12 +243,26 @@ export default {
       this.refresh = "刷新了";
     },
     beforeIconUpload(file) {
-      let size = 10;
-      const isLt = file.size / 1024 / 1024 < size;
-      if (!isLt) {
-        this.$message.error(`上传头像图片大小不能超过 ${size}MB!`);
-        return isLt;
-      }
+      // console.log('上传文件前校验', file)
+      // 限制图片大小和格式
+      const sizeOk = file.size / 1024 / 1024 < 10
+      const typeOk =
+        file.type === 'image/png' ||
+        file.type === 'image/jpeg' 
+      return new Promise((resolve, reject) => {
+        if (!typeOk) {
+          this.$message.error('照片格式有误!')
+          reject(file)
+        } else if (!sizeOk) {
+          this.$message.error('照片大小超过10M!')
+          reject(file)
+        }else if(file.name.length>32){
+          this.$message.error('照片名字不能超过32个字!')
+          reject(file)
+        } else {
+          resolve(file)
+        }
+      })
     },
     handleChange(file) {
       this.fileList = this.fileList.length === 0 ? this.fileList : [];

+ 20 - 6
src/pages/news/bookEdit.vue

@@ -189,12 +189,26 @@ export default {
       this.refresh = "刷新了";
     },
     beforeIconUpload(file) {
-      let size = 10;
-      const isLt = file.size / 1024 / 1024 < size;
-      if (!isLt) {
-        this.$message.error(`上传头像图片大小不能超过 ${size}MB!`);
-        return isLt;
-      }
+      // console.log('上传文件前校验', file)
+      // 限制图片大小和格式
+      const sizeOk = file.size / 1024 / 1024 < 10
+      const typeOk =
+        file.type === 'image/png' ||
+        file.type === 'image/jpeg' 
+      return new Promise((resolve, reject) => {
+        if (!typeOk) {
+          this.$message.error('照片格式有误!')
+          reject(file)
+        } else if (!sizeOk) {
+          this.$message.error('照片大小超过10M!')
+          reject(file)
+        }else if(file.name.length>32){
+          this.$message.error('照片名字不能超过32个字!')
+          reject(file)
+        } else {
+          resolve(file)
+        }
+      })
     },
     handleChange(file) {
       this.fileList = this.fileList.length === 0 ? this.fileList : [];