Image 数据URL中缺少部分图像

以下问题的背景故事：

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

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

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

原始问题

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

我收到了一张数据URL格式的图片（如果相关的话，来自Shopify，我已经编写了一个私人应用程序，他们的webhook正在向我发送一张图片）

图像采用数据URL格式，例如

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

我遇到的问题是，有时（可能不到10%的时间）当我获取图像并尝试打印它时，它丢失了图像的底部块。在PDF中，它认为图像已损坏，而在web浏览器中，它只认为图像的底部是透明的，不管缺少多少

这是当你将鼠标悬停在图像URL上时Google Chrome上Inspect元素中的样子（图像已被指定为匿名）

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

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

有人能透露一些信息吗？这是一个如此奇怪的问题，我甚至不知道谷歌该做什么

---

只是确认一下，由于一系列原因，图片绝对必须以这种格式发送，主要是Shopify限制，所以我不能以文件格式发送图片

发生这种情况时，您在浏览器网络选项卡中看到了什么？您是否收到了200响应代码？是的，没有错误消息或任何内容，并且图像技术上显示为200，因此响应代码为200。它只是在图像底部有一个透明的正方形。嗯，好的。另外，

data&colon

似乎是一种奇怪的构造—是否可以将其设为不可替换的，如：

数据：

？我想知道浏览器是否使其透明，因为最后一位由于某种原因正在损坏。也许可以编写一个测试脚本，将图像拉上一百次，看看是否有损坏的图像？@halfer是的，对不起，这是数据：-没有注意到它被更改了，我想我是在复制和粘贴东西。我确实认为这可能是腐败，比如一个不可靠的互联网连接，或者只是在转会过程中出现了一些问题，但这已经发生了很多。我不知道数据URL发生损坏的可能性有多大？发生这种情况时，您在浏览器的“网络”选项卡中看到了什么？您是否收到了200响应代码？是的，没有错误消息或任何内容，并且从技术上讲，图像是显示的，因此响应代码是200。它只是在图像底部有一个透明的正方形。嗯，好的。另外，

data&colon

似乎是一种奇怪的构造—是否可以将其设为不可替换的，如：

数据：

？我想知道浏览器是否使其透明，因为最后一位由于某种原因正在损坏。也许可以编写一个测试脚本，将图像拉上一百次，看看是否有损坏的图像？@halfer是的，对不起，这是数据：-没有注意到它被更改了，我想我是在复制和粘贴东西。我确实认为这可能是腐败，比如一个不可靠的互联网连接，或者只是在转会过程中出现了一些问题，但这已经发生了很多。我不知道数据URL发生损坏的可能性有多大？