title: Prevent image load errors going to the javascript console
body: <p>For example in javascript</p>
  
  <pre><code>var image = new Image();
  image.onerror = function(e) {
      // handle error my way
  }
  image.src = "http://bad.location.com/img.jp"
  </code></pre>
  
  <p>I've tried</p>
  
  <pre><code>e.preventDefault()
  return false
  </code></pre>
  
  <p>but the error is still logged to the console. Maybe this is not such a bad thing but what I'm doing is uploading files to the server and then processing them and loading the artifacts to S3. This all takes a long time. I do this in the background and return the S3 URL's to the browser early and use some javascript to ping the image urls using the image.onerror callback to detect if the image is arrived on S3 or not.</p>
  
  <p>It all works but I get a load of console errors. This is a bit ugly. Is there any way 
  to hide this.</p>