/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 vote152 views1 answer
Javascript prevent pinch zoom
Html
0 vote156 views1 answer
Iframe text in html
Html
0 vote176 views1 answer
How to make things move in unity
Html
0 vote144 views2 answers
Multiple countdown html js
Html
0 vote139 views1 answer
How to block futer date input
Html
0 vote142 views1 answer
Keep favicon
Html
0 vote154 views1 answer
Prefill input field html
Html
38 votes145 views4 answers
Meta name= viewport
Html
2 votes145 views1 answer
Button verlinken html
Html
5 votes154 views3 answers
Materialize cdn
Html