Question

我有以下JavaScript代码

var aimg = new Image();
aimg.crossOrigin = 'Anonymous';
aimg.onload = function () {
    //execute some code when image loaded
};
aimg.onerror = function () {
    //execute some code when image failed to load
};
aimg.src = someExistedImageUrl;

在Chrome，Linux桌面和Android设备上的Firefox上运行时，onload已正确触发。但是在iOS中，onerror总是被触发，即使图像存在并且来自相同的来源。

为什么上面的代码无法在iOS中加载图像？

Answer 1

也许是缓存问题。尝试一下，看看它是否有效；

var aimg = new Image();
aimg.crossOrigin = 'Anonymous';
aimg.onload = function () {
    //execute some code when image loaded
};
aimg.onerror = function () {
    //execute some code when image failed to load
};
aimg.src = null;
aimg.src = someExistedImageUrl;

此外，检查图像尺寸。

JavaScript分配也限制为10 MB。 Safari引发了如果超出以下限制，则为例外 JavaScript。

有关更多信息，您可以检查This question

在iOS上使用JavaScript动态设置图像src失败

1 个答案: