/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 vote220 views1 answer
Is redux based on flux
Html
1 vote200 views1 answer
Switch page html
Html
0 vote216 views1 answer
How to add send call in html
Html
5 votes224 views3 answers
How to make an iframe
Html
9 votes222 views3 answers
Relative path
Html
68 votes203 views5 answers
How to add a image file in html
Html
1 vote247 views1 answer
Redux sagas
Html
0 vote221 views1 answer
Keyboard accessible buttons on navbar
Html
1 vote229 views2 answers
Add icon website
Html
0 vote212 views1 answer
Html dd right align
Html