JSFiddle - React, Tailwind, and code Playground

HTML

<div>
		<span>fail</span>
		<img src="http://12345" width="100px;" onload="loadOne()" onerror="errorOne()" onabort="abortOne()" />
	</div>
	<div>
		<span>success</span>
		<img src="http://img.ltn.com.tw/Upload/ent/page/800/2015/11/09/phpXjINU5.jpg" width="100px;" onload="loadTwo()" onerror="errorTwo()" onabort="abortTwo()"
		/>

CSS

div {
  display: inline-block;
}

JavaScript

function loadOne() {
  console.log('first image load success!');
}

function loadTwo() {
  console.log('second image load success!');
}

function errorOne() {
  console.log('first image load error!');
}

function errorTwo() {
  console.log('second image load error!');
}

function abortOne() {
  console.log('first image abort!');
}

function abortTwo() {
  console.log('second image abort!');
}