[fix 83992] 上传头像大小限制

src/components/jero/JImageUpload.vue

@@ -160,8 +160,18 @@ export default {
         this.$message.warning('请上传图片')
         return false
       }
+      // 限制文件大小
+      if (file.size > this.global.maxUploadFileSize) {
+        this.$message.warning('最大上传图片20MB')
+        return false
+      }
     },
     handleChange (info) {
+      // 限制文件大小
+      if (info.file.size > this.global.maxUploadFileSize) {
+        info.fileList.pop()
+        return
+      }
       this.picUrl = false
       let fileList = info.fileList
       // update-begin-author:wangshuai date:20201022 for:LOWCOD-969 判断number是否大于0和是否多选，返回选定的元素。

src/main.js

@@ -78,7 +78,8 @@ Viewer.setDefaults({
   toolbar: false
 })
 Vue.prototype.global = {
-  emptyLine: '—'
+  emptyLine: '—',
+  maxUploadFileSize: 1024 * 1024 * 20 // 上传文件最大20MB
 }
 SSO.init(() => {
   main()

src/views/mobile/mine/Mine.vue

@@ -9,7 +9,11 @@
 <!--                            :number="1"-->
 <!--                            uploadLimitHideBtn-->
 <!--                            accept='.png,.PNG,.jpg,.JPG'></j-image-upload>-->
-            <van-uploader class="upload-avatar" v-model="fileList" max-count="1"></van-uploader>
+            <van-uploader class="upload-avatar"
+                          :max-size="global.maxUploadFileSize"
+                          @oversize="onOversize"
+                          v-model="fileList"
+                          max-count="1"></van-uploader>
           </div>
         </a-form-item>
         <a-form-item label="用户名称">
@@ -44,6 +48,7 @@ import { queryDepartTreeList } from '@api/api'
 import DictPicker from '@comp/vant/DictPicker'
 import SelectPicker from '@comp/vant/SelectPicker'
 import { getAction, getFileAccessHttpUrl } from '@api/manage'
+import { Toast } from 'vant'
 export default {
   name: 'Mine',
   components: { SelectPicker, DictPicker },
@@ -83,6 +88,9 @@ export default {
     this.getUserDeparts(this.model.id)
   },
   methods: {
+    onOversize () {
+      Toast('最大上传图片20MB')
+    },
     // 获取用户部门
     getUserDeparts (userid) {
       const that = this