/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

11 votes316 views2 answers
How to play mp4 video in website html5
Html
9 votes307 views2 answers
Display date on html
Html
0 vote302 views1 answer
Listen on contenteditable
Html
1 vote304 views1 answer
Html table tfoot after thead
Html
0 vote341 views1 answer
Lpluguin de whatsapp para html
Html
16 votes342 views6 answers
Basic html
Html
2 votes331 views1 answer
Html autoplay not vork iphone
Html
6 votes328 views6 answers
Button
Html
18 votes311 views4 answers
Meta icon html
Html
0 vote329 views1 answer
Branch icon font awesome
Html