Using image in div without using tag

Question

I have a html content

<div> <img src="xyz.jpg"> </div>

where an image is fetched from a web service in hex format. I am converting this hex format to jpeg and displaying in a div. But <img src=""> requires a source folder where the image will be stored. Since the data is coming from web service and is getting converted into jpeg and displayed in div I can't use <img src=""> tag. Do you know about other alternative to achieve this?

use background-image property of css http://www.w3schools.com/cssref/pr_background-image.asp — Nikhil Mittal, Apr 23 '14 at 10:16

score 2 · Answer 1 · answered Apr 23 '14 at 10:15

2

You can use Data URI:

<img src="data:image/png;base64,...">

answered Apr 23 '14 at 10:15

Denis

5,061
1
20
22

1

you are still using the tag, something the OP doesn't want – user3036342 Apr 23 '14 at 11:04

score 0 · Answer 2 · answered Apr 23 '14 at 10:20

0

you could do it with style and backgroundimage, like so:

   <div style="background-image:url(xyz.jpg);"></div>

answered Apr 23 '14 at 10:20

goleon

66
6

url again checks for source url where the image is actually stored, but I am not storing the image anywhere..dynamically fetching hex format and displaying into UI.. – rampuriyaaa Apr 23 '14 at 11:37

Using image in div without using tag

2 Answers2