Setting image src dynamically using JavaScript failed on iOS

Question

I have following JavaScript code

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;

running on Chrome, Firefox on Linux desktop and Android devices, onload is correctly triggered. But in iOS, onerror is always triggered eventhough image exists and coming from same origin.

Why above code failed to load image in iOS?

Update

I add following code as suggested but does not work. The image is relatively small in size, less than 80 KB.

aimg.src = null;

No error in console, but onerror is always triggered. Open image url manually on browser address bar result in image successfully loaded. — Zamrony P. Juhara
– Zamrony P. Juhara, Commented Apr 12, 2019 at 8:11
add console.log(arguments); inside the onerror function and show us whats printed. — luiscla27
– luiscla27, Commented Apr 18, 2019 at 1:16

Reza · Accepted Answer · 2019-04-18 13:23:14Z

Maybe it's a cache problem. Try this and see whether it's working or not;

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;

In addition, check you image size.

JavaScript allocations are also limited to 10 MB. Safari raises an exception if you exceed this limit on the total memory allocation for JavaScript.

For more information, you could check This question

Collectives™ on Stack Overflow

Setting image src dynamically using JavaScript failed on iOS

1 Answer 1

1 Comment

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Linked

Related