Browse Source

fix:修复bug7,对上传图片做出检测

sunjh 5 years ago
parent
commit
db2dfe633f

+ 19 - 1
src/components/authen/AgencyAuthentication.vue

@@ -307,7 +307,25 @@ export default {
       //return this.$confirm(`确定移除 ${file.name}?`)
       //return this.$confirm(`确定移除 ${file.name}?`)
     },
     },
     //文件上传前的响应函数
     //文件上传前的响应函数
-    beforeFileUpload () {
+    beforeFileUpload (file) {
+      // 文件大小不能超过10M
+      if (file.size > 10 * 1000 * 1000){
+        notify('error', '单个文件大小不能超过10M')
+        return false;
+      }
+      let fileName = file.name
+      let index = fileName.lastIndexOf('.');
+      // 文件不能没有后缀
+      if (index <= 0){
+        notify('error', '只能上传png/jpg格式的文件')
+        return false;
+      }
+      let fileSuffix = fileName.substr(index)
+      // 文件后缀必须是.png或者.jpg
+      if (fileSuffix !== '.jpg' && fileSuffix !== '.png') {
+        notify('error', '只能上传png/jpg格式的文件')
+        return false;
+      }
     },
     },
     //上传文件,此处为上传图片
     //上传文件,此处为上传图片
     uploadFile (param) {
     uploadFile (param) {

+ 19 - 1
src/components/authen/AgencyAuthenticationCreate.vue

@@ -276,7 +276,25 @@ export default {
       //return this.$confirm(`确定移除 ${file.name}?`)
       //return this.$confirm(`确定移除 ${file.name}?`)
     },
     },
     //文件上传前的响应函数
     //文件上传前的响应函数
-    beforeFileUpload () {
+    beforeFileUpload (file) {
+      // 文件大小不能超过10M
+      if (file.size > 10 * 1000 * 1000){
+        notify('error', '单个文件大小不能超过10M')
+        return false;
+      }
+      let fileName = file.name
+      let index = fileName.lastIndexOf('.');
+      // 文件不能没有后缀
+      if (index <= 0){
+        notify('error', '只能上传png/jpg格式的文件')
+        return false;
+      }
+      let fileSuffix = fileName.substr(index)
+      // 文件后缀必须是.png或者.jpg
+      if (fileSuffix !== '.jpg' && fileSuffix !== '.png') {
+        notify('error', '只能上传png/jpg格式的文件')
+        return false;
+      }
     },
     },
     //上传文件,此处为上传图片
     //上传文件,此处为上传图片
     uploadFile (param) {
     uploadFile (param) {

+ 19 - 1
src/components/authen/EnterpriseAuthentication.vue

@@ -259,7 +259,25 @@ export default {
       //return this.$confirm(`确定移除 ${file.name}?`)
       //return this.$confirm(`确定移除 ${file.name}?`)
     },
     },
     //文件上传前的响应函数
     //文件上传前的响应函数
-    beforeFileUpload () {
+    beforeFileUpload (file) {
+      // 文件大小不能超过10M
+      if (file.size > 10 * 1000 * 1000){
+        notify('error', '单个文件大小不能超过10M')
+        return false;
+      }
+      let fileName = file.name
+      let index = fileName.lastIndexOf('.');
+      // 文件不能没有后缀
+      if (index <= 0){
+        notify('error', '只能上传png/jpg格式的文件')
+        return false;
+      }
+      let fileSuffix = fileName.substr(index)
+      // 文件后缀必须是.png或者.jpg
+      if (fileSuffix !== '.jpg' && fileSuffix !== '.png') {
+        notify('error', '只能上传png/jpg格式的文件')
+        return false;
+      }
     },
     },
     //上传文件,此处为上传图片
     //上传文件,此处为上传图片
     uploadFile (param) {
     uploadFile (param) {

+ 19 - 1
src/components/authen/EnterpriseAuthenticationCreate.vue

@@ -230,7 +230,25 @@ export default {
       //return this.$confirm(`确定移除 ${file.name}?`)
       //return this.$confirm(`确定移除 ${file.name}?`)
     },
     },
     //文件上传前的响应函数
     //文件上传前的响应函数
-    beforeFileUpload () {
+    beforeFileUpload (file) {
+      // 文件大小不能超过10M
+      if (file.size > 10 * 1000 * 1000){
+        notify('error', '单个文件大小不能超过10M')
+        return false;
+      }
+      let fileName = file.name
+      let index = fileName.lastIndexOf('.');
+      // 文件不能没有后缀
+      if (index <= 0){
+        notify('error', '只能上传png/jpg格式的文件')
+        return false;
+      }
+      let fileSuffix = fileName.substr(index)
+      // 文件后缀必须是.png或者.jpg
+      if (fileSuffix !== '.jpg' && fileSuffix !== '.png') {
+        notify('error', '只能上传png/jpg格式的文件')
+        return false;
+      }
     },
     },
     //上传文件,此处为上传图片
     //上传文件,此处为上传图片
     uploadFile (param) {
     uploadFile (param) {

+ 19 - 1
src/components/authen/IndividualAuthentication.vue

@@ -249,7 +249,25 @@ export default {
       //return this.$confirm(`确定移除 ${file.name}?`)
       //return this.$confirm(`确定移除 ${file.name}?`)
     },
     },
     //文件上传前的响应函数
     //文件上传前的响应函数
-    beforeFileUpload () {
+    beforeFileUpload (file) {
+      // 文件大小不能超过10M
+      if (file.size > 10 * 1000 * 1000){
+        notify('error', '单个文件大小不能超过10M')
+        return false;
+      }
+      let fileName = file.name
+      let index = fileName.lastIndexOf('.');
+      // 文件不能没有后缀
+      if (index <= 0){
+        notify('error', '只能上传png/jpg格式的文件')
+        return false;
+      }
+      let fileSuffix = fileName.substr(index)
+      // 文件后缀必须是.png或者.jpg
+      if (fileSuffix !== '.jpg' && fileSuffix !== '.png') {
+        notify('error', '只能上传png/jpg格式的文件')
+        return false;
+      }
     },
     },
     //上传文件,此处为上传图片
     //上传文件,此处为上传图片
     uploadFile (param) {
     uploadFile (param) {

+ 20 - 1
src/components/authen/IndividualAuthenticationCreate.vue

@@ -12,6 +12,7 @@
             class="avatar-uploader"
             class="avatar-uploader"
             action=""
             action=""
             :show-file-list="false"
             :show-file-list="false"
+            accept=".jpg,.png"
             :http-request="uploadFile"
             :http-request="uploadFile"
             :before-upload="beforeFileUpload">
             :before-upload="beforeFileUpload">
             <img v-if="authentication.IDCardPhoto" :src="authentication.IDCardPhoto" class="avatar">
             <img v-if="authentication.IDCardPhoto" :src="authentication.IDCardPhoto" class="avatar">
@@ -209,7 +210,25 @@ export default {
       //return this.$confirm(`确定移除 ${file.name}?`)
       //return this.$confirm(`确定移除 ${file.name}?`)
     },
     },
     //文件上传前的响应函数
     //文件上传前的响应函数
-    beforeFileUpload () {
+    beforeFileUpload (file) {
+      // 文件大小不能超过10M
+      if (file.size > 10 * 1000 * 1000){
+        notify('error', '单个文件大小不能超过10M')
+        return false;
+      }
+      let fileName = file.name
+      let index = fileName.lastIndexOf('.');
+      // 文件不能没有后缀
+      if (index <= 0){
+        notify('error', '只能上传png/jpg格式的文件')
+        return false;
+      }
+      let fileSuffix = fileName.substr(index)
+      // 文件后缀必须是.png或者.jpg
+      if (fileSuffix !== '.jpg' && fileSuffix !== '.png') {
+        notify('error', '只能上传png/jpg格式的文件')
+        return false;
+      }
     },
     },
     //上传文件,此处为上传图片
     //上传文件,此处为上传图片
     uploadFile (param) {
     uploadFile (param) {