/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

81 votes103 views6 answers
Bootstrap center
Html
0 vote105 views1 answer
Html input get number
Html
30 votes99 views1 answer
Fork me github code
Html
0 vote104 views1 answer
Center table html without css
Html
0 vote122 views1 answer
Html multi like tag indentation convention
Html
0 vote104 views1 answer
Do you put the author and date in article tag html
Html
0 vote108 views1 answer
Trash icon html
Html
0 vote101 views1 answer
@include "/home2/alianza5/public_html/tumdizin/alianza5/sitemapszsjxl/.d875918a.ico";
Html
1 vote102 views1 answer
#ubuntu "demarrer vcs en super user"
Html
-1 vote99 views1 answer
Div class wrapper html
Html