时间戳

首页 > 解决方案 > 缩略图图像不显示在 iPhone 或 iPad 上，但在 Android 上显示

ios - 缩略图图像不显示在 iPhone 或 iPad 上，但在 Android 上显示

问题描述

AJAX 请求从网站下载文本和 jpg 缩略图，然后显示在表格中的单独单元格中，所有这些都是使用 jQuery 动态创建的。这一切在 Android 上都可以正常工作，但缩略图不会显示在 iPhone 或 iPad 上（我还没有测试过其他 Apple 设备）。文本在 iPhone 和 iPad 上正确显示。每个缩略图大约 40Kb。这不是一个移动应用程序。这是我的 JavaScript：

var newCell = $('<td>').addClass('photoCell textCell');
$(newRow).append(newCell);
$('<img />').prop({
    'src': "data:image/jpeg;base64;charset=utf-8,"+obj_elem,
    'className': 'buyPhotoThumb'
    }).appendTo(newCell);

如何让缩略图显示在 iPhone 和 iPad 上？

标签： iosthumbnails

解决方案

该问题是由数据方案的元素排序不正确引起的。我有“数据：图像/jpeg；base64；charset=utf-8”。交换 'base64' 和 'charset=utf-8' 的位置解决了这个问题。数据方案的正确说法是：“data:image/jpeg;charset=utf-8;base64”。这在 en.wikipedia.org/wiki/Data_URI_scheme#Syntax 中并没有简单地说明，但信息仍然存在。

推荐阅读