ytj

public/index.html

@@ -8,7 +8,9 @@
     charset="utf-8" />
   <link rel="stylesheet" href="//at.alicdn.com/t/font_775069_clu263vfyod.css">
   <link rel="icon" href="<%= BASE_URL %>favicon.ico">
-  <script src="https://jsconsole.com/js/remote.js?34f890f2-39c4-46f7-9d9e-7a8cb29a6007"></script>
+  <!-- <script src="https://jsconsole.com/js/remote.js?34f890f2-39c4-46f7-9d9e-7a8cb29a6007"></script> -->
+  <script src="//cdn.bootcss.com/eruda/1.5.2/eruda.min.js"></script>
+  <script>eruda.init();</script>
   <title>
     <%= htmlWebpackPlugin.options.title %>
   </title>

src/pages/user/calendar/making.vue

@@ -201,14 +201,32 @@ export default {
       })
     },
     onRead (file) {
+      let that = this
       this.isLoading = true
-      // this.banner[this.mainIndex - 1].CustomerImgShow = file.content
-      // this.setBanner({ type: this.$route.query.type, data: JSON.parse(JSON.stringify(this.banner)) })
-      this.toolClass.upload(file).then((res) => {
-        this.upload(res.result.url)
-      }).catch(() => {
-        this.isLoading = false
-      })
+      let reader = new FileReader();
+      reader.readAsDataURL(file.file);
+      reader.onload = function (e) {
+        let data = e.target.result;
+        //加载图片获取图片真实宽度和高度
+        let image = new Image();
+        image.src = data;
+        image.onload = function () {
+          let width = image.width;
+          let height = image.height;
+          if (width / height > 2.5) {
+            that.isLoading = false
+            that.$toast('该图片长度过长，请重新选择')
+            return
+          }
+          // this.banner[this.mainIndex - 1].CustomerImgShow = file.content
+          // this.setBanner({ type: this.$route.query.type, data: JSON.parse(JSON.stringify(this.banner)) })
+          that.toolClass.upload(file).then((res) => {
+            that.upload(res.result.url)
+          }).catch(() => {
+            that.isLoading = false
+          })
+        };
+      };
     },
     changeOld () {
       if (!this.banner[this.mainIndex - 1].CustomerImg) {