/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 vote271 views1 answer
How to add the phtml using xml magento 2
Html
0 vote268 views1 answer
Champ de type time en html
Html
0 vote242 views1 answer
Query dns
Html
0 vote264 views1 answer
How to display image in div using id in html
Html
1 vote275 views1 answer
Wrap the last word of a paragraph in span tags using jQuery
Html
127 votes280 views4 answers
How to make a link in html that opens in a new tab
Html
1 vote248 views1 answer
Bootstrap upload image plugin for html
Html
2 votes258 views4 answers
Markdown color
Html
1 vote299 views2 answers
Submit() refreshes the page
Html
0 vote258 views1 answer
How to align select in table cell center html
Html