Self-contained HTML Reports: embedded images and data download links

Many users may be aware of the use of "Data URIs" for storing image data in a HTML report, rather than referencing images via explicit or relative links.

Incoporating these URIs in a report enable you to send the report to a colleague without having to worry about broken image links.

I found out that you can also include arbitrary textual data within certain length constraints.

Please see the attached protocol. It has self-contained images and links to CTAB data of the compound depicted. The user is prompted to download a file (.mol extension) when one of these links is clicked. The resulting file can then be opened in the chemical sketcher application of your choice.

The report itself is very simple. The takeaway is that all of the data is completely stored within the web page.

Hope someone may find this useful!

Relevant links:

https://en.wikipedia.org/wiki/Data_URI_scheme#HTML

The following page includes a section on "Common Problems":

https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/Data_URIs