以下问题的背景故事:
我正在使用 jQuery 插件 Cropit 生成以数据 URL 形式获取的图像(用户上传图像,Cropit 允许他们操作它,当用户满意时,Cropit 会导出最终图像)。
此数据 URL 通过Shopify 属性附加到产品(这是 Shopify 网站) (以类似的方式附加雕刻产品的文本),然后在创建订单时,我有一个应用程序正在侦听新订单,我从订单中提取数据 URL。
通过测试,我可以确认下订单时数据 URL 错误/损坏/损坏,并且在运输过程中没有损坏。
原始问题
我有一个奇怪的情况,我在网上找不到任何类似的情况。
正在向我发送数据 URL 格式的图像(如果相关,来自 Shopify,我编写了一个私有应用程序,他们的 webhook 正在向我发送图像)
图像采用数据 URL 格式,例如,
data:image/png;base64,iVBORw0KGgoAAAANSU.....
我遇到的问题是有时(可能不到 10% 的时间)当我获取图像并尝试打印它时,它会丢失图像的底部块。在 PDF 中,它认为图像已损坏,而在 Web 浏览器中,它只是将图像的底部视为透明的,尽管缺少很多。
当您将鼠标悬停在图片 URL 上时,这就是在 Google Chrome 上的 Inspect Element 中的样子(图片因匿名而变紫)
我的问题是,有人知道为什么吗?
我们找不到与浏览器或设备类型的关联。而且我不确定是不是因为部分数据 URL 丢失了(可能是字符限制,因为它是一个非常长的字符串!)或者是图像的类型。上传过程中可能出现问题?
有没有人能够阐明任何观点?这是一个奇怪的问题,我什至不知道该谷歌搜索什么!
为了确认,由于一系列原因,图像绝对必须以这种格式发送,主要是 Shopify 的限制,所以我不能以文件格式发送图像。