/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

4 votes303 views3 answers
Show 4 horizontal radio buttons bootstrap 4
Html
23 votes298 views2 answers
Html display none
Html
38 votes311 views6 answers
How to make a button in html
Html
0 vote315 views1 answer
Get all values in hidden field with the same name
Html
30 votes337 views1 answer
Fork me on github html template
Html
6 votes281 views2 answers
What is noscript tag
Html
12 votes303 views4 answers
Html jump to section
Html
0 vote320 views1 answer
Moment in html
Html
0 vote321 views1 answer
Why html
Html
0 vote342 views3 answers
Add font awesome to angular
Html