/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 vote175 views2 answers
How to write text on video in html
Html
0 vote165 views1 answer
Tailwind css width 50 percent
Html
0 vote178 views2 answers
Ionic disable input field
Html
0 vote173 views1 answer
Add image to anchor
Html
0 vote191 views2 answers
Html anchor in samae page without url
Html
-6 votes167 views2 answers
How do you make a heading in html\
Html
0 vote189 views1 answer
How zcdfdgfvcstop marquee text when you move your mouse over it
Html
0 vote166 views1 answer
Code html view mobile inspect link head metalink
Html
0 vote176 views1 answer
Cannot resolve net.md-5:bungeecord-api:1.16-SNAPSHOT
Html
1 vote179 views1 answer
Toggle font awesome icon
Html