Skip to content

G
guns-vip
Commit 470f88ad by fengshuonan
Options

更新剪裁

parent 7e312ec3
Showing with 11 additions and 11 deletions
src/main/webapp/WEB-INF/system/user/user_view.html
...@@ -238,8 +238,8 @@ ...@@ -238,8 +238,8 @@
</div> </div>
<div class="btn-group btn-group-crop"> <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 }"> <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: 4096, maxHeight: 4096 })">上传头像</span> <span class="docs-tooltip" data-toggle="tooltip" data-animation="false" title="$().cropper(&quot;getCroppedCanvas&quot;, { maxWidth: 350, maxHeight: 350 })">上传头像</span>
</button> </button>
</div> </div>
...@@ -260,15 +260,15 @@ ...@@ -260,15 +260,15 @@
<div class="modal-dialog"> <div class="modal-dialog">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <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"> <button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span> <span aria-hidden="true">&times;</span>
</button> </button>
</div> </div>
<div class="modal-body"></div> <div class="modal-body"></div>
<div class="modal-footer"> <div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button> <a class="btn btn-info" id="download" href="javascript:void(0);" download="cropped.jpg">上传</a>
<a class="btn btn-primary" id="download" href="javascript:void(0);" download="cropped.jpg">Download</a> <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
</div> </div>
</div> </div>
</div> </div>
......
src/main/webapp/assets/modular/system/user/user_view.js
...@@ -37,22 +37,22 @@ $(function () { ...@@ -37,22 +37,22 @@ $(function () {
// Cropper // Cropper
$image.on({ $image.on({
ready: function (e) { ready: function (e) {
console.log(e.type); // console.log(e.type);
}, },
cropstart: function (e) { cropstart: function (e) {
console.log(e.type, e.detail.action); // console.log(e.type, e.detail.action);
}, },
cropmove: function (e) { cropmove: function (e) {
console.log(e.type, e.detail.action); // console.log(e.type, e.detail.action);
}, },
cropend: function (e) { cropend: function (e) {
console.log(e.type, e.detail.action); // console.log(e.type, e.detail.action);
}, },
crop: function (e) { crop: function (e) {
console.log(e.type); // console.log(e.type);
}, },
zoom: function (e) { zoom: function (e) {
console.log(e.type, e.detail.ratio); // console.log(e.type, e.detail.ratio);
} }
}).cropper(options); }).cropper(options);
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment