Skip to content

Instantly share code, notes, and snippets.

@zoxon
Created September 18, 2018 10:10
Show Gist options
  • Save zoxon/989b41ea77bf5b8d68cf7f1f136ce469 to your computer and use it in GitHub Desktop.
Save zoxon/989b41ea77bf5b8d68cf7f1f136ce469 to your computer and use it in GitHub Desktop.
Read file to base64
const getBase64 = (img, callback) => {
const reader = new FileReader();
reader.addEventListener("load", () => callback(reader.result));
reader.readAsDataURL(img);
};
const getFiles = event => {
if (event.dataTransfer) {
return event.dataTransfer.files;
} else if (event.target) {
return event.target.files;
}
};
const handleImageFileChange = event => {
event.preventDefault();
const files = getFiles(event);
getBase64(files[0], image => console.log(image));
};
const fileInputs = [].slice.call(
document.querySelectorAll('input[type="file"]')
);
fileInputs.forEach(input => {
input.addEventListener("change", event => handleImageFileChange(event));
});
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment