/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 vote120 views1 answer
Html5 iframe youtube loop
Html
5 votes107 views6 answers
Laravel csrf token
Html
6 votes111 views1 answer
Html onload not working
Html
3 votes109 views1 answer
Gradient on top of image css
Html
2 votes126 views1 answer
Starter data jpa maven dependency
Html
-103 votes113 views10 answers
Date
Html
70 votes112 views6 answers
Html hyperlink
Html
1 vote120 views1 answer
Img load error use other image
Html
2 votes123 views1 answer
Export website to html
Html
0 vote131 views2 answers
Tooltip with Html attribute bootstrap 5
Html