javascript - 将 img url 调用到移动设备时如何修复像素缺陷?

标签 javascript jquery html azure-blob-storage

我正在使用 azure 网络存储将图像文件存储为 blob。当我将这些图像的图像 url 调用到计算机时,它们工作正常。但是,当将它们调用到移动设备 (iOS) 时,它们有时会出现一些奇怪的像素和/或有时会 self 复制,但并非总是如此。我在下面放了两个可能发生的例子,正如你所看到的,一张图片被分成两半,另一张图片在上面添加了一些蓝色油漆 enter image description here

enter image description here

如果有人知道可能导致此问题的原因,请告诉我!

编辑:我注意到可能会弄乱的照片的存储空间都大于 1MB+,而其他大约 200kb 的照片似乎还不错,这可能与它有关吗?

最佳答案

我现在可以确认这是由于实际的 blob 大小造成的,我已经编写了一个服务器端代码来将每个图像的大小调整到 100kb 以下,此后就没有问题了

关于javascript - 将 img url 调用到移动设备时如何修复像素缺陷?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31229075/

相关文章:

javascript - 将 CSS 显示更改为 JavaScript

javascript - 我是否正确处理此按钮单击事件?

javascript - Twitter Bootstrap 模态窗口阴影未关闭

html - 如何在输入标签中设置 Font Awesome 图标

javascript - 如果在移动设备上滚动,则防止点击链接

javascript - 在javascript中将图像覆盖在图像上

javascript - 具有可选择行和下拉列表的数据表

jquery - DIV 溢出 :scroll - disable page scroll whilst mouse is inside

javascript - jQuery attr ('id' )正在返回 'undefined'

html - 像素和百分比 - 调整浏览器大小时的问题