/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 votes229 views1 answer
Html form date of birth
Html
0 vote221 views1 answer
Livewire wire loading remove attribute
Html
74 votes225 views6 answers
Html links
Html
13 votes236 views5 answers
Bootstrap button tooltip
Html
0 vote223 views1 answer
Get all html element data using angular
Html
0 vote226 views1 answer
MQ is not defined,
Html
-1 vote244 views2 answers
Website making sites
Html
0 vote283 views2 answers
Html starting tag
Html
0 vote235 views1 answer
Cuales son los elementos bloque y los elementos linea
Html
0 vote238 views1 answer
Bootstrap tabs multiple
Html