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

Is there any method to shorten image data URI using javascript/jquery?

我已经使用 jquery 将 canvas 图像转换为数据 URI,但数据 URI 太长,大约有 800,000 个字符。

有什么方法可以reducing/shortening数据URI的长度吗?

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

你cant.As这是canvasimagedata(是一个base64字符串)。如果你减少它,一些数据可能会丢失。Base64本身相当compressed.You可以查看JavaScript implementation of Gzip

您可以尝试调整图像质量即(image/jpeg,值从 0-1) 但这不会在很大程度上减少它。

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

例如100% 质量:

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

或 50%:

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

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