/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 views1 answer
Okaycms not working after installation
Html
0 vote282 views1 answer
What is the defrence between head and title in html
Html
1 vote340 views1 answer
Ion2 calendar change event
Html
10 votes297 views3 answers
How to make text uppercase html
Html
0 vote314 views3 answers
Google drive embed code generator
Html
9 votes343 views3 answers
Jquery select by class
Html
0 vote309 views1 answer
How to create seprate flex box for adding items into the box
Html
0 vote330 views1 answer
Https://reactjs.org/docs/cdn-links.html
Html
2 votes326 views1 answer
Text inside input
Html
6 votes331 views6 answers
Boostrap input
Html