/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 vote269 views3 answers
How to get svg from pucblic folder in react
Html
0 vote278 views1 answer
Cannot resolve net.md-5:bungeecord-api:1.16-SNAPSHOT
Html
0 vote264 views1 answer
Rn force light mode ios
Html
0 vote276 views1 answer
Html overflow with span
Html
0 vote298 views1 answer
Bootstrap dropdown in table
Html
-1 vote277 views1 answer
Box shadow svg css
Html
2 votes265 views2 answers
Add image icon bootstrap
Html
91 votes299 views6 answers
Bootstrap text color
Html
0 vote296 views1 answer
How to add active class to current element javascript
Html
0 vote296 views1 answer
How to embed a website in another website
Html