/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

0 vote234 views1 answer
Give padding to label html
Html
5 votes246 views1 answer
Html bullet symbol
Html
0 vote245 views1 answer
Html extarea line break
Html
5 votes208 views1 answer
Backbutton ionic
Html
1 vote241 views1 answer
Bs css link
Html
0 vote236 views2 answers
Html table column filter dropdown
Html
0 vote227 views1 answer
Disabled attribute is not working in html
Html
35 votes257 views6 answers
InnerHTML
Html
1 vote246 views1 answer
Html regex p.iva
Html
0 vote262 views1 answer
Html click on link to open text message
Html