图像未在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 在函数之前添加新的关键字，会触发onload，但图像会显示为十字形。

Answer 1

这是IE11中的一个已知问题。

A   B   C   D  Out put
SG  TC  Y1  8  Y1+Y2
SG  TC  Y2  2  Y1+Y2
SG  TC  Y3  12 Y3
SG1 TC  Y1  12 Y1+Y2
SG1 TC  Y2  2  Y1+Y2
SG1 TC  Y3  12 Y3
SG1 TC1 Y1  12 Y1
SG1 TC1 Y2  10 Y1+Y3
SG1 TC1 Y3  9  Y1+Y3

上面的代码应该可以解决您的问题。请注意，唯一的区别是在第2行的“功能”之前添加了关键字“新”。