I’ve got a curious problem where FireFox (and IE9, I think) can display a local html file which embeds an svg, but it can’t display exactly the same file when it’s on a remote server. Any ideas much appreciated.
The setup is that I have a test directory which contains index.html, an svg file, and a js file. When I point any browser at index.html it correctly displays the embedded svg. However, when when I upload this test directory to a remote server, then:
1 – Opera, Safari, and Chrome correctly display the svg
2 – FireFox complains that it needs a plugin for the svg
3 – IE9 displays nothing.
Something is different about the remote setup, but I have no idea what. My suspicion is that this is an interaction of some sort with Apache (when I view index.html locally I’m not using Apache, of course – the browser is directly viewing the file).
Any ideas? Thanks.
Make sure the remote server sends the appropriate MIME type “image/svg+xml”.