将图像base64转换为base30(Convert image base64 to base30)

将图像base64转换为base30(Convert image base64 to base30)

我想在数据库中保存签名但是图像base64字符串很长（大约15000个字符）任何简单的解决方案，用于将base64转换为base30？

这是我的例子，我尝试添加signaturePad.toDataURL("image/jSignature;base30"); 但没有工作。

var wrapper = document.getElementById("signature-pad"), clearButton = wrapper.querySelector("[data-action=clear]"), saveButton = wrapper.querySelector("[data-action=save]"), canvas = wrapper.querySelector("canvas"), signaturePad; function resizeCanvas() { var ratio = Math.max(window.devicePixelRatio || 1, 1); canvas.width = canvas.offsetWidth * ratio; canvas.height = canvas.offsetHeight * ratio; canvas.getContext("2d").scale(ratio, ratio); } window.onresize = resizeCanvas; resizeCanvas(); alert(canvas); signaturePad = new SignaturePad(canvas); //Here get base64 string saveButton.addEventListener("click", function (event) { document.getElementById("signatureDiv").value = signaturePad.toDataURL(); saveToDB(signaturePad.toDataURL); } });

I want save signature in database but image base64 string is very long (about 15 000 characters) any simple solution for convert base64 to base30?

Here is my example, I'm try add signaturePad.toDataURL("image/jSignature;base30"); but not working.

var wrapper = document.getElementById("signature-pad"), clearButton = wrapper.querySelector("[data-action=clear]"), saveButton = wrapper.querySelector("[data-action=save]"), canvas = wrapper.querySelector("canvas"), signaturePad; function resizeCanvas() { var ratio = Math.max(window.devicePixelRatio || 1, 1); canvas.width = canvas.offsetWidth * ratio; canvas.height = canvas.offsetHeight * ratio; canvas.getContext("2d").scale(ratio, ratio); } window.onresize = resizeCanvas; resizeCanvas(); alert(canvas); signaturePad = new SignaturePad(canvas); //Here get base64 string saveButton.addEventListener("click", function (event) { document.getElementById("signatureDiv").value = signaturePad.toDataURL(); saveToDB(signaturePad.toDataURL); } });

最满意答案

你想做什么是不可及的

在<\ canvas>的toDataURL（）方法上查看此链接 ，这意味着toDataUrl是canvas方法，并且toDataUrl的第一个参数以女巫格式转换为base64位图。

what are you trying to do is not passable

check out this link on line toDataURL() method of <\canvas> that mean that the toDataUrlis the canvas method and the first param of the toDataUrl get in witch format to convert to base64 bitmap.