/Html/Input type="file" and display image

Input type="file" and display image

<p><input type="file"  accept="image/*" name="image" id="file"  onchange="loadFile(event)" style="display: none;"></p>
<p><label for="file" style="cursor: pointer;">Upload Image</label></p>
<p><img id="output" width="200" /></p>

<script>
var loadFile = function(event) {
	var image = document.getElementById('output');
	image.src = URL.createObjectURL(event.target.files[0]);
};
</script>

Similar codes

0 vote169 views1 answer
Favicon text/html / Redirect uses bandwith
Html
9 votes166 views1 answer
How to submit a form with submit button outside form
Html
0 vote150 views1 answer
Use font on website html
Html
28 votes153 views5 answers
Put html in iframe
Html
0 vote225 views1 answer
Animate image or text html
Html
0 vote150 views1 answer
Kjsdahflkahsdkljfhlakjhsldkjfhjkdskslakjsdhflkjahsdlkfjhjahlksjdhflkjshfjkshakdjshfksjdhjkfsakdhfjkhsadlkjf
Html
21 votes164 views1 answer
Html meta width
Html
0 vote159 views1 answer
How to add bar notation in html
Html
2 votes157 views1 answer
How to use an html div by name in jquery
Html
61 votes180 views2 answers
Form example
Html