I have two functions
async function convertToBase64(file) {
const fileReader = new FileReader();
fileReader.onload = () => {
const srcData = fileReader.result;
console.log('scrData: ', srcData); // result is correct
return srcData;
};
fileReader.readAsDataURL(file);
}
async function addData(values) {
const converted = await convertToBase64(values.file);
console.log(converted); // result undefined
await addDoc(collection(db, 'list'), {
image: converted,
});
}
I tried try...catch and async-await functions, but I couldn't find a solution anyway
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
The
convertToBase64()function does not explicitly return an value, so the code you provide always returnsundefined. You can change the function so that it returns a Promise once resolves " rel="nofollow noreferrer">FileReader Successfully read the file in base64 and handled anyrejections or occurrences of mistake:const imgFileInput = document.getElementById("img"); imgFileInput.addEventListener("change", addData); function convertToBase64(file) { return new Promise((resolve) => { const fileReader = new FileReader(); fileReader.onload = () => { const srcData = fileReader.result; resolve(srcData); }; fileReader.onerror = (error) => { reject(error); }; fileReader.readAsDataURL(file); }); } async function addData() { try { const imgFile = imgFileInput.files[0]; const converted = await convertToBase64(imgFile); console.log(converted); } catch (error) { console.error("Error while converting to Base64:", error); } }