/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 vote115 views1 answer
How to make whatsapp hyperlink
Html
0 vote115 views1 answer
Ctx arc
Html
0 vote105 views1 answer
Linkedin font awesome
Html
1 vote106 views1 answer
Tooltip html
Html
0 vote101 views1 answer
>1?
Html
6 votes106 views4 answers
D3
Html
0 vote107 views1 answer
Only one of my checkboxes will check if i click on its label
Html
0 vote103 views1 answer
Html no drag image
Html
2 votes110 views3 answers
Ion-datetime cancel text
Html
0 vote110 views2 answers
Popup
Html