Question

以下问题的背景：

我正在使用jQuery插件Cropit生成图像，并以数据URL形式获得该图像（用户上传图像，而Cropit允许他们对其进行操作，当用户满意时，Cropit会输出最终图像）。

此数据URL通过Shopify properties附加到产品（这是一个Shopify网站）（以类似的方式，您将附加雕刻产品的文本），然后在创建订单时，我有一个应用监听新订单，然后从订单中提取数据URL。

从测试中，我可以确认数据URL在下订单时是错误的/已损坏的/已损坏的，并且在传输中没有被损坏。

原始问题

我有一个奇怪的情况，我在网上找不到任何类似的情况。

我正在以数据URL格式发送图像（如果相关，则从Shopify发送，我编写了一个私人应用，而他们的webhook正在向我发送图像）

图片以数据URL格式开头，例如

data:image/png;base64,iVBORw0KGgoAAAANSU.....

我遇到的问题有时是（大约不到10％的时间）当我获取图像并尝试打印时，它缺少图像的底部。在PDF中，它认为图像已损坏，而在Web浏览器中，它只是看到图像的底部是透明的，但是缺少很多。

当您将鼠标悬停在图片网址上时，这就是在Google Chrome上的Inspect Element中的样子（图片已匿名显示为紫色）

我的问题是，有人知道为什么吗？

我们找不到与浏览器或设备类型的关联。而且我不确定这是因为数据URL的一部分以某种方式丢失（可能是字符限制，因为它是一个很长的字符串！）还是图像的类型。在上传过程中可能出问题了吗？

有人能阐明一切吗？这真是一个奇怪的问题，我什至不知道该去谷歌搜索！

并且为了确认，出于一系列原因，绝对必须以这种格式发送图像，主要是Shopify限制，所以我不能以文件格式发送图像。