Is this possible to embedded an image in HTML form?

Question

Is that HTML form only support pure text only? Can I use some JS / CSS trick to let the HTML form have image embedded?

Can you clarify what you are asking? do you want to display an image in a form? inside a form element? from an external site? as text instead of a link to a file? or something else? — scunliffe, Oct 11 '09 at 14:57
Do you want to send an image via POST? I dont understand your question — Peter, Oct 11 '09 at 19:31

score 1 · Answer 1 · answered Oct 11 '09 at 14:35

What do you mean by "image embedded"?

If it's only for decoration, you can put it before or after the form and position it with CSS as needed.

If you mean, submit an image (or any kind of file) then use input type="file".

Regarding image directly in form, it may work but I'm not sure the document will validate. Better check it out.

score 0 · Answer 2 · answered Oct 11 '09 at 14:33

0

Use an Image tag.

answered Oct 11 '09 at 14:33

Robert Harvey

I think he wants to embed the image into the html source, an IMG tag links to an 'external' image. – Andre Miller Oct 11 '09 at 14:34
I think he wants to send an image to the server. – Fabien Ménager Oct 11 '09 at 14:36
1

I think he doesn't knows what he wants – Peter Oct 12 '09 at 09:54

score 0 · Answer 3 · answered Oct 11 '09 at 14:53

0

If you mean embedded image in base64 for example, it is not possible. You have to link a file and you cannot create a file in Javascript.

answered Oct 11 '09 at 14:53

Natim

score 0 · Answer 4 · answered Dec 21 '15 at 21:28

0

This Html Code Works Like Img But Can Show Any File Your Browser Supports. I Tested This iframe Myself.

<iframe src="(Your Base 64 Code)"></iframe>

answered Dec 21 '15 at 21:28

user5701633

4 Answers4