I have an application where images are generated in c# code and rendered on browser using data uri. None of the images are showing in IOS, not even in Chrome.
https://jsfiddle.net/z82dpqj1/1/
<img src="src="data:image/bmp; base64,***">
Please guide.
Remove the space between ; and base64.
<img src="src="data:image/bmp;base64,***">
Tested with Safari on iOS-14.4
EDIT: Here is screenshot from my iPhone. Are you sure its not your browser?
Related
I embed a svg like: <img src="http://example.com/path/to/picture.svg" />
Displays fine in IE, but does not render in Chrome (Version 34.0.1847.131)
However, if I then load http://example.com/path/to/picture.svg
directly, it renders fine- and strangly reloading the original page then does display the graphic.
Using renders the first time around, but since I am using these for links... would be best if can work
This seemed to be a bug in chrome when using SVGs with embedded bitmap data. Using pure vector-based SVGs works fine
Loading image with data uri as source doesnt work in safari.
I am using the following source value see: http://jsfiddle.net/VnnhS/
<img src='data...'/>
everything is working with chrome IE and FF.
could it be size limitation?
It isn't normal because here says that Safari supports it, so I don't know what is your problem, can you send a screenshot?
I am having a strange issue with displaying JPG image on browser. The image color is mostly washed out while being viewed on any browser (Chrome, IE and FF). But it's fine when using desktop applications (Windows Photo Viewer, Paint, etc.) to view.
You can see the example here: https://dl.dropboxusercontent.com/u/2095747/asp.jpg
Does anyone know any particular reason for it?
Regards,
Harry
The image uses a type of embedded color correction that browsers do not support.
Since you seem to have used Photoshop to generate that image, you should reopen your source file and re-export the image using the "Save for web" action, which will either not embed a color profile at all, or use a browser compatible format.
I am trying to embed a pdf in a web page. I am using the following code:
<object data='pdf/main.pdf#nameddest=fun&view=FitH'
type='application/pdf'
width='740'
height='800'>
This works in chrome(apart from FitH doesn't work) and firefox and ie for me. However, when viewing on a mac it doesn't work with named destinations(just loads to the top of the pdf if Safari). Also, it doesn't seem to work in Firefox as firefox seems to have disabled adobe plugin by default. Is there a better way to embed a pdf with relative ease and wide compatability?
The best approach at the moment is to use PDF.js You can check out the demo here : Demo for pdf.js and download the source from here
It is by mozilla and very widely supported / used.
On my test facebook page's application I am displaying an image which is loading fine on Chrome/Firefox but fails to load on IE9, all I get is 304. I have been browsing around similar IE9 issues but have not found a satisfactory answer for this problem. I also cleared TIFs in IE9 which has removed all the 304s but is changed the status of image file as "(Aborted)". Attached is a screenshot for both Chrome and IE9.
in Chrome-
in IE9-
status in IE9-
adding "http://" in the img src field displays it fine for me in ie9 on jfiddle...