/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

1 vote147 views1 answer
I am not a robot captcha code
Html
1 vote168 views1 answer
Tumbnail html
Html
1 vote164 views1 answer
Html i tag
Html
75 votes173 views6 answers
Html button with href
Html
1 vote148 views1 answer
Accept vedio pdf files upload html
Html
1 vote253 views1 answer
Error NG8001: 'mat-dialog-content' is not a known element
Html
28 votes153 views3 answers
Meta viewport scale
Html
6 votes158 views4 answers
Radio
Html
3 votes164 views5 answers
Angular model change
Html
2 votes188 views2 answers
Fa fa reset
Html