带重定向的 safari img src答案

【问题标题】：safari img src with redirect带重定向的 safari img src
【发布时间】：2016-10-05 19:22:57
【问题描述】：

我有两个图像。两张图片在 Chrome 中都可以正常加载，但在 iPhone5 Safari 中只有第一张图片可以加载。我能看到的唯一区别是第二个 src（twitter 那个）有一个重定向。我怎样才能使这项工作也适用于 iPhone/Safari？

<img src="http://3.bp.blogspot.com/-fOcTU5i5JdY/UovGWW8fgOI/AAAAAAAAB68/0dQJNRbknZg/s1600/628954_1280x1024-1.jpg" height="50" width="50">
<img src="http://twitter.com/twitter/profile_image?size=bigger" height="50" width="50">

https://jsfiddle.net/gsz2Ltjq/

我知道我可以通过 twitter 进行身份验证以从直接链接中获取个人资料图片，但我更希望上面的链接能够正常工作。

【问题讨论】：

遇到了同样的问题，您知道如何解决吗？

标签： html image safari

【解决方案1】：

在这里我想出了如何在 iOS safari 上显示重定向的图像 scr

$image = 'https://twitter.com/twitter/profile_image?size=bigger';
$imageData = base64_encode(file_get_contents($image));
$src = 'data: image/png;base64,'.$imageData;
$image = '<img src="'.$src.'"/>';

它适用于 Twitter，因为他们使用 image/png mime 类型

【讨论】：