/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 vote319 views5 answers
Html cheat sheet
Html
1 vote354 views1 answer
Link to the same page
Html
0 vote354 views1 answer
Flex inside flex mr-auto not working
Html
0 vote308 views1 answer
Music from stick with it
Html
0 vote292 views1 answer
Python print html as a string
Html
1 vote330 views2 answers
How to make a tag in html
Html
15 votes353 views6 answers
Ngfor index
Html
0 vote332 views1 answer
Html detection vpn script
Html
1 vote424 views1 answer
Button accessible name html
Html
0 vote358 views1 answer
Moment in html
Html