window.ENTITIES={'/api/snippets/javascript/javascript%20-%20convert%20file%20to%20base64%20(web%20browser%20api)':[{"result":true,"message":null,"batch":{"type":"javascript","name":"javascript - convert file to base64 (web browser api)","items":[{"id":"1RN8N1","type":"javascript","name":"JavaScript - convert File to Base64 (web browser API)","content":"const toBase64 = async (file) => {\n    return new Promise((resolve, reject) => {\n        const reader = new FileReader();\n        reader.onload = function() {\n            var url = reader.result;\n            if (url) {\n                const index = url.indexOf('base64,');\n                if (index === -1) {\n                    reject('Base64 data is not available.');\n                } else {\n                    resolve(url.substring(index + 7));\n                }\n            } else {\n                reject('Base64 data is not available.');\n            }\n        };\n        reader.onerror = function() {\n            reject('Incorrect file object.');\n        };\n        reader.readAsDataURL(file);\n    });\n};\n\n\n\n// Usage example (use it in async context):\n\nconst file = ...\n\nconst base64 = await toBase64(file);\n\n\n\n// <script>\n//     async function handleChange(input) {  // Hint: you can use async function here also.\n//         var files = input.files;\n//         if (files.length > 0) {\n//             var file = files[0];\n//             const base64 = await toBase64(file);\n//             ...\n//         }\n//     }\n// </script>\n// <input type=\"file\" onchange=\"handleChange(this)\" />\n\n\n\n// See also:\n//\n//     1. https://dirask.com/snippets/JavaScript-convert-Blob-to-Base64-web-browser-API-pVN89p\n//     2. https://dirask.com/snippets/JavaScript-convert-base64-to-Blob-j8dYrj","source":"","author":{"id":"Ro4530","name":"Zayaan-Rasmussen","avatar":"1629126382690__Ro4530__w40px_h40px.jpg","points":543,"role":"BASIC"},"creationTime":1674843388000,"updateTime":1717602553000,"removalTime":null}]}}]};