/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 vote203 views1 answer
Rotate a table in html
Html
16 votes194 views2 answers
Html download link
Html
1 vote187 views1 answer
Ver pdf html5
Html
0 vote195 views1 answer
Update html page without refresh
Html
42 votes196 views4 answers
Breaks html
Html
6 votes200 views2 answers
Html meta redirect
Html
4 votes193 views4 answers
Autoplay html not working
Html
1 vote210 views1 answer
Axonivy sub component
Html
0 vote191 views1 answer
Amp-img example
Html
5 votes199 views3 answers
Html a link tag
Html