/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

379 votes291 views6 answers
Font awesome
Html
13 votes123 views3 answers
Button center class in bootstrap
Html
0 vote187 views10 answers
Www.selleit.in
Html
-1 vote124 views2 answers
How to shift div to right
Html
0 vote125 views1 answer
Bootstrap form-control inline
Html
0 vote133 views1 answer
Add output buffering to cagefs
Html
0 vote118 views1 answer
Html mobile does not show pdf with object
Html
0 vote191 views1 answer
Pop up animation css
Html
5 votes123 views3 answers
How to make an iframe
Html
0 vote152 views1 answer
12,3 x 4,8
Html