Jump to content

Local images don't show in IE9


chalkpig

Recommended Posts

I have been playing with the basic HTML examples and can't work out why IE9 will not show local images stored in the same directory as the htm file in the documents folder.The file works fine in Chrome. I have added a link to an externally stored file and that does display. I've hunted round the web for suggestions of security settings but can't find anything that should be stopping it from working. I've also tried the example on another laptop running IE8 - it displays the jpg the gif and the png but not the bmp? These examples do not work on IE9 but do on Chrome<img src="goose.jpg" alt="This is a jpg picture" /><img src="C:/Users/Len0/Documents/HTML Tutorials/goose.bmp" alt="This is a bmp picture" /><img src="goose.png" alt="This is a png picture" /> <p>An image:<img src="smiley.gif" alt="Smiley face" width="32" height="32" /></p> This works on both IE9 and Chrome<img src="http://www.w3schools.com/images/w3schools_green.jpg" alt="W3Schools.com" width="104" height="142" /> IE9 works fine online - it's only the local files and images that will not display - any ideas?

Link to comment
Share on other sites

Have dug further and it is something to do with the way the file is created. I am using Notepad - if I "save as" and rename, the new copy works fine in both IE9 and Chrome. Running a hex compare using Beyond Compare says they are both identical - but one works and the other doesn't? I can't see a way to spot what encoding the file is in - but if I save as utf-8 the file is different (first 3 bytes) - so I assume all versions I have created are ANSI encoded as that seems to be the default. However that doesn't explain why the original file will not load correctly and the new one does - maybe I just got unlucky but I don't like not understanding... Is UTF-8 a requirement for HTML?

Link to comment
Share on other sites

Have dug further and it is something to do with the way the file is created. I am using Notepad - if I "save as" and rename, the new copy works fine in both IE9 and Chrome. Running a hex compare using Beyond Compare says they are both identical - but one works and the other doesn't? I can't see a way to spot what encoding the file is in - but if I save as utf-8 the file is different (first 3 bytes) - so I assume all versions I have created are ANSI encoded as that seems to be the default. However that doesn't explain why the original file will not load correctly and the new one does - maybe I just got unlucky but I don't like not understanding... Is UTF-8 a requirement for HTML?
It could be what IE doesn't allow files which are local to the computer too be reached. So putting them on a server would probably solve the problem.
Link to comment
Share on other sites

It could be what IE doesn't allow files which are local to the computer too be reached. So putting them on a server would probably solve the problem.
Don't think so - otherwise creating an identical copy using 'save as' wouldn't work. I think it might be due to copying from the 'try it yourself' example - possibly this affected the files encoding? Anyway I have a workaround now so thanks for your suggestions.
Link to comment
Share on other sites

  • 1 year later...

Heh, old thread, but now I am seeing this problem. I started a duplicate thread elsewhere but I can confirm that the solution is to open the .html textfile in a reliable editor such as Notepad++ and convert to a known encoding. In my situation I converted the file to UTF-8 and saved it and this solved the strange IE9 image problem.

Edited by davej
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...