Question : preview image file upload javascript
Answered by : real-raccoon-iy0whbcr4ty5
<input type="file" accept="image/*" onchange="loadFile(event)">
<img id="output"/>
<script> var loadFile = function(event) { var output = document.getElementById('output'); output.src = URL.createObjectURL(event.target.files[0]); output.onload = function() { URL.revokeObjectURL(output.src) // free memory } };
</script>
Source : https://stackoverflow.com/questions/4459379/preview-an-image-before-it-is-uploaded | Last Update : Mon, 16 Nov 20
Question : upload preview image js
Answered by : imran-mirza
// <input type="file" accept="image/*" id="img-input">
// <img id="preview"/>
function readURL(input) { if (input.files && input.files[0]) { var reader = new FileReader(); reader.onload = function(e) { $('#preview').attr('src', e.target.result); } reader.readAsDataURL(input.files[0]); } else { $('#preview').attr('src', ''); } } $("#img-input").change(function() { readURL(this); });
Source : | Last Update : Thu, 17 Feb 22
Question : Javascript Image Preview Before Upload
Answered by : ugly-unicorn-jybkh7p7yzm0
imgInp.onchange = evt => { const [file] = imgInp.files if (file) { blah.src = URL.createObjectURL(file) }
}
Source : https://stackoverflow.com/questions/4459379/preview-an-image-before-it-is-uploaded | Last Update : Mon, 22 Nov 21