/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

5 votes174 views3 answers
How to make an iframe
Html
0 vote178 views1 answer
Css animation fade out after delay
Html
7 votes169 views2 answers
A open in new tab
Html
22 votes187 views10 answers
Cat
Html
1 vote187 views2 answers
Html tutorial
Html
0 vote183 views1 answer
Thymeleaf import in html
Html
0 vote176 views1 answer
Wbr tag html
Html
5 votes204 views2 answers
Html to markdown
Html
0 vote180 views1 answer
Thead position sticky
Html
0 vote202 views1 answer
How to give h1 h2 in r studio
Html