测试测试一下

src/components/common/cropper-img.vue

@@ -63,24 +63,24 @@ export default {
     },
     // 显示裁剪框
     initCropper () {
-      // if (HTMLCanvasElement.prototype.toBlob) {
-      //   console.log('HTMLCanvasElement.prototype.toBlob');
-      //   Object.defineProperty(HTMLCanvasElement.prototype, 'toBlob', {
-      //     value: function (callback, type, quality) {
-      //       var canvas = this;
-      //       setTimeout(function () {
-      //         var binStr = window.atob(canvas.toDataURL(type, quality).split(',')[1]);
-      //         var len = binStr.length;
-      //         var arr = new window.Uint8Array(len);
-      //         for (var i = 0; i < len; i++) {
-      //           arr[i] = binStr.charCodeAt(i);
-      //         }
-      //         // callback(new window.Blob([arr], { type: type || 'image/jpeg' }));
-      //         callback(new window.Blob([arr], { type: type || 'image/jpeg' }));
-      //       });
-      //     }
-      //   });
-      // }
+      if (!HTMLCanvasElement.prototype.toBlob) {
+        console.log('HTMLCanvasElement.prototype.toBlob####');
+        Object.defineProperty(HTMLCanvasElement.prototype, 'toBlob', {
+          value: function (callback, type, quality) {
+            var canvas = this;
+            setTimeout(function () {
+              var binStr = window.atob(canvas.toDataURL(type, quality).split(',')[1]);
+              var len = binStr.length;
+              var arr = new window.Uint8Array(len);
+              for (var i = 0; i < len; i++) {
+                arr[i] = binStr.charCodeAt(i);
+              }
+              // callback(new window.Blob([arr], { type: type || 'image/jpeg' }));
+              callback(new window.Blob([arr], { type: type || 'image/jpeg' }));
+            });
+          }
+        });
+      }
 
       this.croppShow = true
       this.cropper = new Cropper(this.$refs.canvas, {
@@ -123,6 +123,8 @@ export default {
       const cropParam = this.cropper.getData()
       console.log('cropParam', cropParam);
       this.cropper.getCroppedCanvas().toBlob(function (blob) {
+        var objecturl = window.URL.createObjectURL(blob);
+        console.log('objecturl', objecturl);
         let files = new window.File([blob], 'cropper.jpg');
         console.log('getCroppedCanvas', files);
         let oFileReader = new window.FileReader()

src/main.js

@@ -6,7 +6,7 @@ import store from './store/'
 const mixins = require('@/utils/mixins');
 import FastClick from 'fastclick'
 import vueFilters from '@/utils/filter'
-import '@/utils/toBlob';
+// import '@/utils/toBlob';
 
 // 引入ElementUI
 import ElementUI from 'element-ui';