/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

1 vote266 views1 answer
Dutch phone pattern html
Html
0 vote291 views2 answers
Table all cells same width
Html
4 votes240 views3 answers
Bootstrap spinner
Html
2 votes195 views1 answer
Address tag in html
Html
2 votes266 views1 answer
Html color to rgb
Html
0 vote248 views1 answer
Create ion card
Html
0 vote251 views1 answer
Can you stop prettier from line wrapping html
Html
17 votes237 views2 answers
Dropdown in html
Html
0 vote248 views1 answer
Javascript on lose focus
Html
-1 vote243 views1 answer
How to add a rollover image in html
Html