Internet Explorer DOM7009: Unable to decode image at URL: [url] - image

I'm working with a SharePoint site in O365. The site includes a List/Library that contains nothing but employee images with .GIF extensions. A 3rd party process imported the images into SharePoint. I have no details on that process.
None of the images will display in IE 11 when served from the SharePoint O365 server. The image will not display even when loaded by itself. The problem is not related to the amount or size of the images as this question discusses. The same exact images will display fine in IE 11 on an on-premise SharePoint 2010 server. Chrome, Firefox, etc display the image fine on both servers. I do not see this problem with any other browsers nor do they give any warnings or console errors. It's purely related to IE 11 and these .GIF images on the O365 server.
IE shows the following console message for each image:
DOM7009: Unable to decode image at URL: [url]
How do I fix this problem and what could be causing it?
Edit:
If I simply save the image from the web and try to open the image via IE, it fails to display with the same issue. If I save the image that is displaying properly on-premise and try to open it via IE, it fails as well.
Headers: http://pastebin.com/vHhs4rm6

My Solution:
If I opened MS Paint, created a new .GIFF image and saved it to my server, it would actually display properly.
This led me to use ImageMagick and do an identify on the images that wouldn't display. ImageMagick indicated the images were originally PNG's and were saved to my server as GIF's for some reason. Renaming the image files back to their native format via a workflow resulted in them being displayed properly. So, whatever process uploaded all the images to my server renamed PNG's to GIF's, messed up the files and resulted in this problem.

Related

Where might be the issue if the image is not rendered only in InternetExplorer , when the application is deployed in new server?

Recently we deployed our java web application in tomcat 8.5.32. In the pages, some jpg images are not displayed in IE alone (no issue with other browsers). We could see some jpg images are rendered in IE but not all. But in legacy server, we don't see any such issue. Where/What could be the problem?
I used the developer tool in the IE, to see if the image is loaded or not. I could see the image in the network tab.
I tried the url to image in the browser location bar, still i face the same issue.
I need all jpg images rendered in the IE browser.
At last the header "X-Content-Type-Options: nosniff" is the reason for this. The images served from my portal are saved as jpeg. But actually, they are bmp files. Since original type(BMP) is different from the type in the response header("image/jpeg"), IE browser is unable to decode it and failed to render the image.

Page stops loading before all image/files are done

I recently got a new Windows 2016 machine and Lucee (ColdFusion). Transferring all my clients e-Commerce sites from Windows 2008 CF9. I am having an issue with all images downloading to the browser. The images are a bit to large, client not following directions, BUT this was not an issue with the old machine. If you go to https://shop.bosombuddybags.com/p824/HBB-Custom-Monogram.htm for the first time many of the option images do not load/transfer but the page has stop loading. They are all there, refresh a few times and they appear use CNTRL F5 and they disappear again randomly. I have spent 2 days looking through Google searches, and getting no where. Any suggestions are welcome as this clients had over 1200 options uploaded and having them redo them to make proper thumbs is not an option. I figure it has to be a Lucee or Windows 2016 setting that I am missing. As the page stops loading and never loads what ever images were not completed.
Here are the recommendations:
You have got about 3 or 4 images that are just enormous. Get those down to size.
Try turning data compression on IIS for static content.
Try doing some inline images
Try eliminating some images. Both Font-Awesome and Glyphicons have Facebook and Twitter. You can use them.
Otherwise this is a really show page.

How should image EXIF information be handled?

I noticed that all my browsers:
Mozilla Firefox
Google Chrome
Microsoft Edge
Internet Explorer
seem to ignore image EXIF orientation data.
But other programs are orienting the images when they are opened/displayed:
Google Mail
MS Paint
IrfanView
Windows Explorer
We have a webpage on which users can upload images. I am asking, because users are complaining that the uploaded images look diferent/rotated than when opened on their local device using an image viewer. It seems to become an icreasing problem as more and more users are using smartphones and cameras to upload images directly without using any image editing software.
Here you can find some example images that have EXIF data in their header: https://github.com/recurser/exif-orientation-examples
Question: Since the browsers are ignoring the EXIF orienting should one auto-apply them on the uploaded images and then strip them from the header? Why are browsers ignoring EXIF information? What to do?

IE Error DOM7009: Unable to decode image at URL

I am working on SharePoint 2013 apps . In my app parts i have used few images.
All the images are showing up properly in Mozilla and chrome but few of the images are not showing up in IE, i can only see the broken image.
Suppose i have my image at this location:
'https://365app.sharepoint.com/sites/developer/Spotlight_CommonIcon/Announcement.jpg'
So, this image is showing up properly in the Chrome and IE. But when i open it in IE It shows me broken image.
And following error is shown in the console.
DOM7009: Unable to decode image at URL: 'https://365app.sharepoint.com/sites/developer/Spotlight_CommonIcon/Announcement.jpg'.
My guess is that those images are CMYK JPG. Try changing it to RGB.
IE can't display CMYK JPG.
Hope this helps.

How do i get the source of an image that has been downloaded off the internet?

In the app i'm working on, an image is displayed to the user which is gotten from a website.
I want the app to have an option to save the image to gallery.
From what i figure, since the image is displayed on the screen (and hence, has already been 'downloaded' to the phone), i shouldn't have to download it again for saving it to the phone (essentially specifying the URL of the image on the website as the image's source).
Is there a way to get the get the source (path) of the image?
I wrote one app while ago, it was about testing downloading an image from the web and putting it into Image control. And what surprised me a lot - after first download an image I was able to turn off wifi and after that image was still showing. I think WP7 have quiet good cache or something and maybe if U ask second time about the same URL U'll receive temporary file from cache instead downloading it again...
I researched a bit and found out that once an image has been downloaded from a url, it isn't downloaded again and is retrieved from the cache automatically. So, that leaves my question answered.
You were correct kingsvid!

Resources