From 7d1b67a8b7b0598b161ca131e8efc57b964045d0 Mon Sep 17 00:00:00 2001
From: RuoYi <yzz_ivy@163.com>
Date: Mon, 13 Jul 2020 12:47:47 +0800
Subject: [PATCH] =?UTF-8?q?=E5=85=BC=E5=AE=B9IE=E6=B5=8F=E8=A7=88=E5=99=A8?=
=?UTF-8?q?=E5=AF=B9=E8=B1=A1=E4=B8=8D=E6=94=AF=E6=8C=81toBlob=E5=B1=9E?=
=?UTF-8?q?=E6=80=A7=E6=88=96=E6=96=B9=E6=B3=95=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
.../templates/system/user/profile/avatar.html | 59 ++++++++++++-------
1 file changed, 39 insertions(+), 20 deletions(-)
diff --git a/ruoyi-admin/src/main/resources/templates/system/user/profile/avatar.html b/ruoyi-admin/src/main/resources/templates/system/user/profile/avatar.html
index 06388c3e..4034ba49 100644
--- a/ruoyi-admin/src/main/resources/templates/system/user/profile/avatar.html
+++ b/ruoyi-admin/src/main/resources/templates/system/user/profile/avatar.html
@@ -214,29 +214,48 @@ $(window).load(function() {
});
function submitHandler() {
- if(!croppable){
- $.modal.alertWarning("裁剪框加载中,请稍后...");
- return
- }
- cropper.getCroppedCanvas().toBlob(function(img){
- var formdata = new FormData();
- formdata.append("avatarfile", img);
- $.ajax({
- url: ctx + "system/user/profile/updateAvatar",
- data: formdata,
- type: "post",
- processData: false,
- contentType: false,
- success: function(result) {
- $.operate.saveSuccess(result);
- }
- })
- });
+ if (!croppable) {
+ $.modal.alertWarning("裁剪框加载中,请稍后...");
+ return
+ }
+ cropper.getCroppedCanvas().toBlob(function(img) {
+ var formdata = new FormData();
+ formdata.append("avatarfile", img);
+ $.ajax({
+ url: ctx + "system/user/profile/updateAvatar",
+ data: formdata,
+ type: "post",
+ processData: false,
+ contentType: false,
+ success: function(result) {
+ $.operate.saveSuccess(result);
+ }
+ })
+ });
}
-$(window).resize(function(){
- $('.imageBox').height($(window).height()-80);
+$(window).resize(function() {
+ $('.imageBox').height($(window).height() - 80);
}).resize();
+
+if (!HTMLCanvasElement.prototype.toBlob) {
+ Object.defineProperty(HTMLCanvasElement.prototype, 'toBlob', {
+ value: function(callback, type, quality) {
+ var canvas = this;
+ setTimeout(function() {
+ var binStr = atob(canvas.toDataURL(type, quality).split(',')[1]);
+ var len = binStr.length;
+ var arr = new Uint8Array(len);
+ for (var i = 0; i < len; i++) {
+ arr[i] = binStr.charCodeAt(i);
+ }
+ callback(new Blob([arr], {
+ type: type || 'image/png'
+ }));
+ });
+ }
+ });
+}
</script>
</body>
</html>