Loading..
 

Display Image in html as Binary Data with Base64 encoding

In HTML, traditionally we use path of image file to specify image source in IMG tag.

However, we can give binary data as well as source in “SRC” attribute of IMG tag, and image will be display in html.

Syntax:

<IMG SRC=”data:image/gif;base64,<Binary Data>” />

Example:

<IMG SRC=”data:image/gif;base64, R0lGODlhCAAFAIABAMaAgP///yH5BAEAAAEALAAAAAAIAAUAAAIKBBKGebzqoJKtAAA7″ />

Binary data in above line is ‘base64 encoded’ format of image.

One advantage of this method is that visitor never knows the PATH of image you have displayed.

Drawback of this point is that IE does not support this way to display image.

 

Other Technical Stuff from Siddharth:

Show current date using Javascript in web browser(Client side date in web browser

http://siddharthboraniait.wordpress.com/2013/09/11/show-current-date-using-javascript-in-web-browserclient-side-date-in-web-browser

 

How to make custom Task Scheduler in asp.net c# using thread

http://siddharthboraniait.wordpress.com/2013/09/06/howto-make-custom-task-scheduler-in-asp-net-csharp-using-thread

 

Introduction to Andriod – First step towards Andriod application development

http://siddharthboraniait.wordpress.com/2011/07/18/know-andriod-introduction-to-andriod



On, 27/07/2013, 27 July, 2013

Latest News

Huawei Honor View20 and Samsung A8s have hole-punch cameras
Apple denies iPhone import ban in China
Elon Musk has 'no respect' for US regulator
Facebook's hidden battle against ad-blockers
China's new games censors take tough stance
Fortnite: Gamer charged with assault during live stream
Twitter CEO Jack Dorsey criticised for 'tone deaf' Myanmar tweets
YouTube Rewind 2018 becomes site's second-most disliked video
Bionic 3D-printed arm 'gives confidence' to young amputees
NHS told to ditch 'absurd' fax machines