[update] 收入合同、文件上传限制、文件预览

src/components/jero/JUpload.vue

@@ -53,6 +53,7 @@ export default {
       fileList: [],
       newFileList: [],
       uploadGoOn: true,
+      fileTypes: this.fileType
     }
   },
   props: {
@@ -256,15 +257,37 @@ export default {
     },
     beforeUpload(file) {
       this.uploadGoOn = true
-      let fileType = file.type
-      if (this.fileType === FILE_TYPE_IMG) {
-        if (fileType.indexOf('image') < 0) {
-          this.$message.warning('请上传图片')
+      file.uploadGoOn = true
+      const fileSize = file.size // 上传的文件大小
+      const fileType = file.type // 上传的文件类型
+      if (fileSize > 1024 * 1024 * 50) {
+        this.$message.warning('文件大小限制为50M')
+        this.uploadGoOn = false
+        file.uploadGoOn = false
+        return false
+      }
+      // 不等于全部类型可以上传的时候，对上传的文件进行判断
+      if (this.fileType !== FILE_TYPE_ALL) {
+        // filter(tt => fileType.indexOf(tt) > -1)   判断用户传的文件类型，和要求传的文件类型是否一致
+        // 当上传的图片格式为jpg时，在此组件中，会返回类型为 image/jpeg  ElememntUI设计如此 所以需要把用户传下来的jpg强制改成jpeg
+        this.fileTypes = this.fileTypes.replace('jpg', 'jpeg')
+        const arr = this.fileTypes.split(',').filter(tt => fileType.indexOf(tt) > -1)
+        if (arr.length === 0) {
+          this.$message.warning(this.fileTypeErrorMessage || `请上传${this.fileTypes}文件`)
           this.uploadGoOn = false
+          file.uploadGoOn = false
           return false
         }
       }
-      //TODO 扩展功能验证文件大小
+      if (this.fileTypes === FILE_TYPE_IMG) {
+        if (fileType.indexOf('image') < 0) {
+          this.$message.warning('请上传图片')
+          this.uploadGoOn = false
+          file.uploadGoOn = false
+          return false
+        }
+      }
+      // TODO 扩展功能验证文件大小
       return true
     },
     handleChange(info) {
@@ -322,6 +345,7 @@ export default {
       console.log(file)
     },
     handlePreview(file) {
+      console.log(file)
       if (file && file.url) {
         const fileFullUrl = `${window._CONFIG['domianWebSocketURL']}/sys/common/download/${file.response.result.id}?token=${Vue.ls.get(ACCESS_TOKEN)}&fullfilename=${file.name}`
         let url = `${window._CONFIG['onlinePreviewDomainURL']}?url=${encodeURIComponent(Base64.encode(fileFullUrl))}`