有什么方法可以使用 javascript/jquery 缩短图像数据 URI？

Question

我已使用 jquery 将画布图像转换为数据 URI，但数据 URI 太长，例如大约 800,000 个字符。

是否有任何方法可以减少/缩短数据 URI 的长度？

我需要通过 GET/POST 方法发送图像数据，但我收到一条错误消息，指出字符串长度太长

Answer 1

canvas.toDataURL() 支持不同的图像类型。您可以尝试不同的格式或使用 jpg 并降低质量：

例如对于 100% 质量：

canvas.toDataURL("image/jpeg", 1.0)

或 50%：

canvas.toDataURL("image/jpeg", 0.5)

这应该会减少图像大小，从而减少图像数据量。