有什么方法可以使用 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)
这应该会减小图像大小,从而减少图像数据量。
我已经使用 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)
这应该会减小图像大小,从而减少图像数据量。