/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 vote331 views1 answer
How can i make a quote element in html
Html
0 vote304 views1 answer
Form tab index skip readonly
Html
29 votes319 views2 answers
How to do a line break in html
Html
0 vote357 views1 answer
What is class attribute in form
Html
0 vote357 views1 answer
React uncontrolled input initial value
Html
0 vote368 views4 answers
Html close modal when click outside
Html
1 vote312 views1 answer
Nuxt title page
Html
0 vote362 views1 answer
Html4
Html
3 votes330 views3 answers
Bootstrap 4 vertical tabs responsive
Html
0 vote356 views1 answer
Barra di ricerca in html
Html