更新剪裁

src/main/webapp/WEB-INF/system/user/user_view.html

@@ -238,8 +238,8 @@
                                 </div>
 
                                 <div class="btn-group btn-group-crop">
-                                    <button type="button" class="btn btn-info" data-method="getCroppedCanvas" data-option="{ &quot;maxWidth&quot;: 4096, &quot;maxHeight&quot;: 4096 }">
-            <span class="docs-tooltip" data-toggle="tooltip" data-animation="false" title="$().cropper(&quot;getCroppedCanvas&quot;, { maxWidth: 4096, maxHeight: 4096 })">上传头像</span>
+                                    <button type="button" class="btn btn-info" data-method="getCroppedCanvas" data-option="{ &quot;maxWidth&quot;: 350, &quot;maxHeight&quot;: 350 }">
+                                        <span class="docs-tooltip" data-toggle="tooltip" data-animation="false" title="$().cropper(&quot;getCroppedCanvas&quot;, { maxWidth: 350, maxHeight: 350 })">上传头像</span>
                                     </button>
                                 </div>
 
@@ -260,15 +260,15 @@
                                     <div class="modal-dialog">
                                         <div class="modal-content">
                                             <div class="modal-header">
-                                                <h5 class="modal-title" id="getCroppedCanvasTitle">Cropped</h5>
+                                                <h5 class="modal-title" id="getCroppedCanvasTitle">预览</h5>
                                                 <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                                     <span aria-hidden="true">&times;</span>
                                                 </button>
                                             </div>
                                             <div class="modal-body"></div>
                                             <div class="modal-footer">
-                                                <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
-                                                <a class="btn btn-primary" id="download" href="javascript:void(0);" download="cropped.jpg">Download</a>
+                                                <a class="btn btn-info" id="download" href="javascript:void(0);" download="cropped.jpg">上传</a>
+                                                <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
                                             </div>
                                         </div>
                                     </div>

src/main/webapp/assets/modular/system/user/user_view.js

@@ -37,22 +37,22 @@ $(function () {
     // Cropper
     $image.on({
         ready: function (e) {
-            console.log(e.type);
+            // console.log(e.type);
         },
         cropstart: function (e) {
-            console.log(e.type, e.detail.action);
+            // console.log(e.type, e.detail.action);
         },
         cropmove: function (e) {
-            console.log(e.type, e.detail.action);
+            // console.log(e.type, e.detail.action);
         },
         cropend: function (e) {
-            console.log(e.type, e.detail.action);
+            // console.log(e.type, e.detail.action);
         },
         crop: function (e) {
-            console.log(e.type);
+            // console.log(e.type);
         },
         zoom: function (e) {
-            console.log(e.type, e.detail.ratio);
+            // console.log(e.type, e.detail.ratio);
         }
     }).cropper(options);