/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

12 votes217 views2 answers
Bootstrap for header
Html
1 vote186 views1 answer
Vue get data from slot template
Html
0 vote184 views1 answer
Link to send email with subject
Html
5 votes168 views1 answer
Node js barcode generator
Html
1 vote189 views2 answers
Vue 3 emits
Html
-1 vote169 views1 answer
Import vue js
Html
0 vote149 views1 answer
How to show code with html
Html
0 vote215 views1 answer
Input submit text
Html
4 votes171 views2 answers
Ionic route navigation
Html
1 vote183 views1 answer
Java replace all html tags
Html