/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 vote202 views1 answer
Middel click vuejs
Html
0 vote239 views1 answer
Cara mengatur ukuran gambar navbar-brand
Html
0 vote241 views1 answer
How to check password and retype password in html
Html
3 votes181 views2 answers
HTML tag to define an internal style sheet
Html
-1 vote207 views2 answers
Circular progress bar html css
Html
7 votes190 views1 answer
Bootstrap blog post card
Html
1 vote229 views2 answers
Css align image right
Html
0 vote197 views3 answers
Tailwind css card
Html
1 vote245 views1 answer
Laravel blade remove all html tags
Html
0 vote188 views1 answer
Django base html
Html