/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 vote124 views1 answer
Comment a div in html
Html
0 vote119 views1 answer
Input tag no suggestions
Html
6 votes130 views6 answers
Boostrap input
Html
0 vote121 views1 answer
Html date min today
Html
0 vote125 views1 answer
How to revert php artisan ui vue --auth
Html
0 vote130 views1 answer
Webpage opaque photo caption
Html
0 vote123 views1 answer
Use jquery variable in html
Html
0 vote165 views1 answer
Twig map
Html
0 vote131 views1 answer
Order css file
Html
0 vote145 views1 answer
Basic steps convert design into html
Html