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上?
最佳答案
该问题是由数据方案的元素的不正确排序引起的。我有“ data:image / jpeg; base64; charset = utf-8”。交换“ base64”和“ charset = utf-8”的位置即可解决此问题。数据方案的正确声明是:“ data:image / jpeg; charset = utf-8; base64,”。在以下网址中并没有这么简单地陈述它:en.wikipedia.org/wiki/Data_URI_scheme#Syntax,但是那里的信息仍然如此。
关于ios - 缩略图不显示在iPhone或iPad上,但显示在Android上,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/59095674/