Function to Encode Image File to Base64

[Rennur]

Base 64 encode your images (picture attributes) using function IMAGE_DATA

Embedding picture attribute in HTML:

Code: Select all

<img src='<<IMAGE_DATA(User.Pic)>>' width='100' height='100'>

Embedding Base 64 string :

HTML Image Embedding

Code: Select all

<img alt="Embedded Image" 
  src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIA..." />

CSS Image Embedding

Code: Select all

div.image {
  width:100px;
  height:100px;
  background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIA...);
}

XML Image Embedding Example

Code: Select all

<image>
  <title>An Image</title>
  <link>http://www.your.domain</link>
  <url>data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIA...</url>
</image>

Data URIs can potentially store any type of data, not just images.
Not sure if this function can be used on the document attributes.

HTML CSS Embedding

Code: Select all

<link rel="stylesheet" type="text/css"
  href="data:text/css;base64,LyogKioqKiogVGVtcGxhdGUgKioq..." />

HTML Javascript Embedding

Code: Select all

<script type="text/javascript"
  src="data:text/javascript;base64,dmFyIHNjT2JqMSA9IG5ldyBzY3Jv..."></script>

Cheers

[himanshu]

Nice tip Rennur

[hpl123]

Yeah, nice share Rennur and also nice addition to the functions support.