JavaScript 图片加载成功输出 'success'，失败输出 '加载失败'

本文将介绍如何使用 JavaScript 代码实现图片加载成功后输出 'success'，加载失败后输出 '加载失败'。通过监听图片元素的 'load' 和 'error' 事件，分别在成功和失败时执行对应的函数。

第一步，需要定义一个 img 元素并设置它的 src 属性，然后添加 load 和 error 事件监听器，在事件处理函数中分别输出 success 和失败的信息。

代码如下：

<img id='myImage' src='https://example.com/image.jpg'>

<script>
  const img = document.getElementById('myImage');
  img.addEventListener('load', () => {
    console.log('success');
  });
  img.addEventListener('error', () => {
    console.log('加载失败');
  });
</script>

在上面的代码中，我们定义了一个 id 为 myImage 的 img 元素，并设置了它的 src 属性为一个图片的链接。然后我们通过 document.getElementById 获取到这个元素，并为它添加了两个事件监听器，一个是 load 事件，表示图片加载成功，另一个是 error 事件，表示图片加载失败。在事件处理函数中，我们分别输出了对应的信息。