wesmiler

public/static/weixin/js/photo.js

@@ -417,6 +417,7 @@ var app = new Vue({
         picDel: function (id) {
             var fileId = $("#pic_" + id).attr('data-id');
             $("#pic_" + id).detach();
+            this.picList[id] = {},
             if (fileId) {
                 $.post("/weixin/print/fileDel", {id: fileId})
             }
@@ -482,9 +483,18 @@ var app = new Vue({
                         rotate: Math.round(data.rotate),
                     };
 
-                    var canvas = $image.cropper('getCroppedCanvas', {width: data.height, height: data.width, rotate: data.rotate});
-                    _this.picList[id].preview = canvas.toDataURL("image/jpeg", 1);
-                    _this.cropParams.preview = canvas.toDataURL("image/jpeg", 1);
+                    var canvas = $image.cropper('getCroppedCanvas', {width: data.height*15, height: data.width*15, rotate: data.rotate});
+                    var url = canvas.toBlob(function(e){
+                        console.log(e);  //生成Blob的图片格式
+                        var timestamp = Date.parse(new Date());
+                        e.name=timestamp+".png";
+                        url = URL.createObjectURL(e);
+                        _this.picList[id].url = url;
+                        _this.picList[id].preview = url;
+                        _this.cropParams.preview = url;
+                    },"image/jpeg");
+              /*      _this.picList[id].preview = canvas.toDataURL("image/jpeg", 1);
+                    _this.cropParams.preview = canvas.toDataURL("image/jpeg", 1);*/
                     _this.cropParams.cropData = cropData;
                 }
             }

public/themes/default/weixin/print/photo.html

@@ -15,7 +15,7 @@
             <div v-if="picList.length<=0" class="empty">
                 <img src="/static/weixin/img/no-pic.png"  width="80" height="80">
             </div>
-            <div v-else :id="'pic_'+k" class="print-item print-pic" :data-id="pic.id" v-for="(pic,k) in picList">
+            <div v-else-if="pic.url" :id="'pic_'+k" class="print-item print-pic" :data-id="pic.id" v-for="(pic,k) in picList">
                 <div class="actions">
                     <div class="op">
                         <span class="edit" @click="picEdit(k)"><img src=""/>编辑</span>