javascript - 在未加载图片时，是否可以使用代码来提醒用户？

Question

我有从服务器加载的图像。我正在通过以下代码进行此操作。

img.onload = function () {
   loadingStop = true;
   ctx.drawImage(img, 10, 10);
   startDrawing();
}
img.src = imageLink;

加载图像后，程序将继续进行。但是，如果照片无法加载，我想对问题的用户进行 alert(msg)。如何使用JavaScript执行此操作？

Answer 1

只需使用onerror

<img src="../missing-file.jpg" onerror="myAlertFunction()">

function myAlertFunction() {
  alert('The image could not be loaded.');
}