圖像未在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;

上面的代碼應該可以解決您的問題。 請注意，唯一的區別是在第2行的“功能”之前添加了關鍵字“新”。