/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

36 votes215 views6 answers
Mailto link html
Html
0 vote124 views2 answers
Common html tags
Html
6 votes169 views1 answer
Naira html
Html
0 vote141 views1 answer
Angular open pdf in new tab
Html
0 vote130 views1 answer
How to add a submitting area in html
Html
1 vote142 views1 answer
Void javascript
Html
0 vote131 views1 answer
Https://www.xnxx.com/video-kv0rj2c/
Html
16 votes87 views1 answer
How to change tab icon html
Html
0 vote126 views1 answer
Mdb input bg
Html
-4 votes126 views6 answers
Headings in html
Html