/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

2 votes120 views1 answer
Default html structure
Html
0 vote114 views1 answer
Passing parameters from C# to js fucntions
Html
0 vote122 views1 answer
List links in a website python html
Html
1 vote119 views1 answer
Favicon icon in css font awesome
Html
0 vote113 views1 answer
Copy to cllipboard the html element
Html
0 vote97 views1 answer
Js twice button click
Html
0 vote111 views1 answer
AdminLTE infoboxes
Html
2 votes109 views1 answer
How to add underline in markdown
Html
1 vote114 views1 answer
Ngif async pipe
Html
3 votes122 views1 answer
Form tag radio
Html