Answers for "acept image input file"

5

input file accept image

<input type="file" name="myImage" accept="image/png, image/gif, image/jpeg" />
<input type="file" name="myImage" accept="image/*" />
Posted by: Guest on November-29-2021
15

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>
Posted by: Guest on June-08-2020

Browse Popular Code Answers by Language