I am trying to load an image using AJAX that is sent as data uri. Everything works fine as long as image is < 32kb. Some of the images are large in size around 500 kb. I did some research on this and found that IE8 supports only images < 32kb to be loaded using datauri.
Is there any workaround to load the image which is > 32kb or am i missing something here?
- object (images only)
- input type=image
- link (data URI must be base64 encoded)
- CSS declarations that accept a URL, such as background-image, background, list-style-type, list-style and similar.
Internet Explorer 9: Internet Explorer 9 does not have 32KiB limitation and allowed in broader elements.
You could load the image data into a canvas element. For IE8 you should have a look at How can I use the HTML5 canvas element in IE?