/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

3 votes191 views1 answer
Left hr in html
Html
1 vote260 views1 answer
Ngxcountup suffix
Html
1 vote254 views1 answer
View HTML5 Video on iOS devices without going to full screen
Html
0 vote224 views1 answer
Html basic tags
Html
0 vote264 views1 answer
JSON.stringify in sap ui5
Html
1 vote255 views1 answer
Two buttons in same form
Html
11 votes250 views1 answer
*ngfor index
Html
0 vote250 views1 answer
Rotate gradient css
Html
0 vote250 views1 answer
Definition list in html
Html
21 votes255 views4 answers
HTML5 Template
Html