title: How to cancel an image from loading
body: <p>Suppose in Javascript that you assign the SRC to an IMG tag.  It is a large SRC and you want to cancel it before it has finished loading.  Assigning the SRC to another image will not stop the data from loading.</p>
  <p>That is, in the middle of the load you can assign the SRC to another smaller image and the smaller image will be loaded and appear in your browser.  However, the original SRC still continues downloading.</p>
  <p>Similarly, deleting the IMG node will not prevent the SRC from continuing to download.  No guesses please, look at the repro steps.</p>
  <p>REPRO</p>
  <ol>
  <li><p>Load this URL in Chrome in Windows:  <a href="http://68.178.240.17/imgLoadTest/imgLoadTest.htm" rel="nofollow noreferrer">http://68.178.240.17/imgLoadTest/imgLoadTest.htm</a></p>
  </li>
  <li><p>Open up the developer panel by pressing CTRL-SHIFT-J</p>
  </li>
  <li><p>On the top row of icons in the Chrome developer panel click the Network icon to watch network activity.</p>
  </li>
  <li><p>On the web page loaded in Step 1 click the Load Image button and watch the developer panel as a large (32meg) image starts loading.</p>
  </li>
  <li><p>On the web page click the Try To Cancel button to load a different image.</p>
  </li>
  <li><p>A small image loads, but watch the network in the developer panel and notice that the large image continues to download.</p>
  </li>
  </ol>