/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

11 votes113 views2 answers
Html vedio
Html
1 vote137 views1 answer
Html datetime-local format dd/mm/yyyy
Html
0 vote121 views1 answer
Html input name and value and id
Html
0 vote133 views1 answer
Membuat footer html
Html
1 vote127 views2 answers
Check build version for html text in android
Html
2 votes111 views2 answers
Webdriver manager
Html
0 vote130 views2 answers
Iframe to fit screen in flutter
Html
3 votes83 views1 answer
Phone link html
Html
-1 vote119 views1 answer
How to automatically scroll text in HTML
Html
12 votes135 views1 answer
Install php windows 10
Html