/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

27 votes323 views3 answers
Html code editor
Html
0 vote110 views1 answer
Webforms validate radio buttons
Html
0 vote152 views2 answers
Html checkboxfor is not visible
Html
6 votes147 views4 answers
How to change the color of the hr tag in html
Html
0 vote144 views1 answer
Px in react
Html
0 vote151 views1 answer
Onclick on radio button
Html
29 votes138 views6 answers
Href phone
Html
34 votes148 views5 answers
Html tab icon
Html
0 vote138 views1 answer
How to embed a website in another website
Html
2 votes162 views1 answer
Html add image from remote source
Html