在IE中的HTML圖像（中止），但在其他瀏覽器中工作

我試圖將圖像加載到我的HTML頁面上的畫布元素。在IE中的HTML圖像（中止），但在其他瀏覽器中工作

var loadImage = function(loadImage, callback) { 
var img = new Image(); 
img.setAttribute('crossOrigin,'anonymous'); 
img.onload = function() { callback(Raster(img)); } 
img.onerror = function() { alert('error'); } 
img.src = "http://localhost/myimage.png"; 
}

上面的代碼加載完美的Chrome，Firefox等，但在IE中運行時出現錯誤。如果我看看開發人員工具，它實際上說'（中止）'，並收到0字節。

我完全不知道爲什麼如果代碼在其他瀏覽器上工作並且圖像的直接URL加載圖像（甚至在IE中），它會中止或出現錯誤。爲什麼會說如果沒有取消，就會放棄。

來源

2017-10-05 user281921

由於存在兼容性問題，可能無法加載canvas元素和/或圖像。您是否嘗試使用<img />（HMTL）？

來源

2017-10-05 13:03:16 EgMusic

事情是，它甚至不會去我們分配img.src時死亡的canvas元素（onload函數）。帽子爲什麼我懷疑它與帆布相關。 – user281921

@ user281921然後我不確定發生了什麼事。你可能不得不在這個問題上給予更多的關注。 – EgMusic

@ user281921在某些情況下，使用onload會中斷其他事物的加載。嘗試評論你的onload函數，（通過使它成爲一個評論），然後嘗試加載它。如果這不起作用，請重新編寫您的JavaScript。 – EgMusic

在IE中的HTML圖像（中止），但在其他瀏覽器中工作

回答

相關問題