mysql - 通过 AJAX 传递 dataURL

Question

我正在尝试将从 HTML5 Canvas 制作的 dataURL 保存到我的 mysql 数据库。

我有ajax设置来提取我制作的名为“dataURL”的var，并且我使用以下代码将dataURL设置为 Canvas 的img:

dataURL = oCanvas.toDataURL();

我的问题是 Canvas 的 dataURL 有很多字符，在拉取 ajax 时效果不佳，所以我需要一种方法对其进行编码或以不同的方式操作它，以便我的最终结果可以保存到 mysql 数据库，然后再保存到“已解码”以再次显示。

我知道我的 AJAX 可以工作，因为如果我将 var dataURL 设置为“cheese”之类的值，它就会在数据库中保存为“cheese”。

任何帮助将不胜感激!

Answer 1

您从 toDataUrl 收到的数据将采用如下格式:

 data:image/png;base64,/9j/4AAQSkZJRgABAQAAAQABAAD.... (very long string)

首先将接收到的数据过滤到data:image/png;base64,之后的部分

然后使用您的语言提供的任何 Base64 库将其解码为字节(或 blob)数组。如果您使用的是 Java:Apache Commons Codec

这是 groovy 中的一个示例:

def bytes = new Base64().decode(filteredData) as byte[]

您可以将解码结果保存到数据库中(稍后检索)