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>
Also in HTML:
- html background image fit to screen
- html open things in new tab
- basic html template
- html script mime type
- embed github html
- bootstrap modal
- ionic input
- html template page
- download button html
- how to show hide div in html javascript
- hover over something to make html visible
- stylesheet einbinden html5
- chrome mobile color address bar
- ubuntu vmplayer
- how to align text in html
- button redirect to new page html flask
- html send email
- how to align image in one line in html
- HTML button onclick
- html select multiple
- set icon for html page tab
- asp classic server show errors
- jquery create html element
- html input readonly