Изображения не загружаются в IE11

Question

У меня есть удаленный URL для изображения, которое я должен отобразить. Ниже приведен фрагмент кода.

var tempImage = new Image();
tempImage.onload = function() {
  console.log('image loaded');
};
tempImage.src = url;

Это нормально работает в Chrome, Firefox и Edge. Но в IE11 событие onload не запускается.

На вкладке сети Chrome я видел, как изображение начинает загружаться после завершения, оно вызывает событие onload. Но для IE11, во вкладке «Сеть» я обнаружил, что изображение загружается не полностью, что, по-видимому, и является причиной того, что ни изображение не отображается, ни onload не запускается.

Есть ли способ справиться с этой ситуацией. Будем благодарны за любые подсказки.

РЕДАКТИРОВАТЬ 1 После добавления нового ключевого слова перед функцией запускается загрузка, но изображение отображается в виде креста.

Answer 1

Это известная проблема в IE11.

var tempImage = new Image();
tempImage.onload = new function() {
  console.log('image loaded');
};
tempImage.src = url;

Приведенный выше код должен решить вашу проблему.Обратите внимание, что единственное отличие заключается в добавлении ключевого слова «new» перед «function» в строке 2.