data-url

I'd like to be able to output an HTML file which includes an image (within the file itself). By Googling, I've come across a couple of ways to do this: javascript:imageData a data URI such as <IMG SRC="data:image/gif;base64,[...]"> <object ... > tag (although this uses a data URI, so may inherit the same limitations) But I don't know which is better supported by browsers, or if there are other alternatives. Can anyone with some practical experience of this offer me advice? Thanks. In regards to browser support, from Wikipedia : Data URIs are currently supported by the following web browsers:

The title says it all really... I have a base64 pdf string which I append to: data:application/pdf;base64, The pdf is brought into a new tab using a link in my webpage. A blank page will initially show up, but then I refresh the page and it displays perfectly. This issue only began once I changed my NodeJS code for retreiving the PDF, before it was retreiving the PDF with the https module but now I am using request . https://jsfiddle.net/o7upp4d8/ There is a current push to disallow new window s to have the ability to navigate to a data URL Intent to Deprecate and Remove: Top-frame navigations

I was wondering whether it is possible to force a browser (at least Chrome) to download a data:text/plain URL. Chrome does download binary URLs (e.g. data:application/zip;base64,... ), but it does not download files that can be viewed inside the browser (such as text files). What I already tried with no luck so far is this: data:text/plain;content-disposition=attachment;filename=test.txt;... But it seems like I cannot add headers like this. Is there any way to make Chrome download a data:text/plain,... URL? As of now, it has been made possible to use <a download> in Chrome. Using dispatchEvent

Loading image using variable containing base64 data in AngularJS I am trying to find the right way to load a image source from a variable containing base64 encoded image data (for example pulled from a canvas using toDataURL(); ). At first I just tried it like this: <img src="{{image.dataURL}}" /> where the image is a scope variable with a variable dataURL containing the base64 data. This is actually working pretty well, the only problem is that I get a 404 error in my console. Something like this: GET http://www.example.com/%7B%7Bimage.dataURL%7D%7D 404 (Not Found) Not so pretty. When I tried

Assuming the following: The browser in question doesn't limit the size of data URIs. There is actually a purpose to doing this (so please refrain from asking "what's the point?" and "you do realize base64 encoding will expand your file by 33%, right?"). Is it technically possible to encode an entire video or audio file into base64, and embed it in an HTML document using either <audio> or <video>? SLaks It should be possible, except in IE8 and below, which does not support Audio/Video elements. Note that Opera does limit the size of the URI. These are my test results. I'll try with Ogg as well