title: Force IE to display image if the extension does not match the filetype?
body: <p>I have a front-end uploader on my site that has been in commission for two years or so. Due to a programming error on my part, images were coming out like this:</p>
  
  <pre><code>image1.png.jpg
  </code></pre>
  
  <p>I never noticed this error due to them displaying correctly in Chrome/Firefox. Today I noticed they don't work in IE and I receive the following console error:</p>
  
  <pre><code>DOM7009: Unable to decode image at URL: 'https://ygoprodeck.com/wp-content/uploads/2019/01/Blue-eyeSUTOKaiba-deck-32682.png'.
  Blue-eyeSUTOKaiba-deck-32682.png
  </code></pre>
  
  <p>Unfortunately I probably have 2000+ of these images so I'm not sure how to elegantly go about fixing this.</p>
  
  <p>I'm looking for both short term and long term solutions. I'd envisage that the long term solution is fixing the file names (maybe I can use a program to mass update them).</p>
  
  <p><strong>My Config</strong>:</p>
  
  <p>Shared Hosting</p>
  
  <p>Apache</p>
  
  <p>PHP7.2</p>
  
  <p><strong>Header Results</strong> from <a href="https://www.webconfs.com/http-header-check.php" rel="nofollow noreferrer">https://www.webconfs.com/http-header-check.php</a>
  Using Image: <a href="https://ygoprodeck.com/wp-content/uploads/2019/01/MAGICIALMERCHANTOTK2019-deck-32685.png" rel="nofollow noreferrer">https://ygoprodeck.com/wp-content/uploads/2019/01/MAGICIALMERCHANTOTK2019-deck-32685.png</a></p>
  
  <pre><code>HTTP/1.1 200 OK =&gt;
  Date =&gt; Thu, 03 Jan 2019 12:51:01 GMT
  Content-Type =&gt; image/png
  Content-Length =&gt; 350116
  Connection =&gt; close
  Set-Cookie =&gt; __cfduid=dfa00236e5232f27b973e72d93e528d5b1546519860; expires=Fri, 03-Jan-20 12:51:00 GMT; path=/; domain=.ygoprodeck.com; HttpOnly
  X-Frame-Options =&gt; SAMEORIGIN
  Last-Modified =&gt; Thu, 03 Jan 2019 12:31:27 GMT
  Cache-Control =&gt; public, max-age=2419200
  Expires =&gt; Thu, 31 Jan 2019 12:51:00 GMT
  X-Content-Type-Options =&gt; nosniff
  X-XSS-Protection =&gt; 1; mode=block
  CF-Cache-Status =&gt; MISS
  Accept-Ranges =&gt; bytes
  Expect-CT =&gt; max-age=604800, report-uri="https://report-uri.cloudflare.com/cdn-cgi/beacon/expect-ct"
  Server =&gt; cloudflare
  CF-RAY =&gt; 493598263c4dc506-ORD
  </code></pre>
  
  <p>File is then run through an image checker <a href="https://www.get-metadata.com/result/608c84b5-0062-4469-ac52-b3240334c85c" rel="nofollow noreferrer">https://www.get-metadata.com/result/608c84b5-0062-4469-ac52-b3240334c85c</a></p>
  
  <pre><code>File Type JPEG
  File Type Extension jpg
  Mime Type image/jpeg
  </code></pre>