/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

0 vote184 views1 answer
Show and hide div tag based on checkbox selection using javaScript
Html
0 vote180 views1 answer
Flex-end tailwind
Html
1 vote198 views1 answer
Bootstrip link
Html
0 vote180 views1 answer
Video values in html
Html
38 votes175 views6 answers
How to make a button in html
Html
0 vote235 views1 answer
How to set right to left font in html
Html
0 vote177 views1 answer
Vue destroy listeners
Html
6 votes179 views2 answers
What is noscript tag
Html
5 votes178 views2 answers
Html icon web
Html
0 vote183 views1 answer
Linkedin font awesome
Html