/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 vote222 views1 answer
Bs css link
Html
0 vote194 views1 answer
Link in new tab
Html
6 votes222 views5 answers
Input type text in html
Html
0 vote210 views1 answer
Object to string angular html
Html
2 votes198 views1 answer
Bind script html
Html
1 vote224 views1 answer
How to create js code
Html
0 vote236 views1 answer
Table bootstrap dark
Html
2 votes197 views1 answer
Posting with forms html
Html
0 vote198 views1 answer
Sdfsdfsd
Html
52 votes233 views6 answers
Html stands for
Html