無法將圖像轉換為 javascript 中的 Base64 格式

Question

我是 javascript 的完整初學者，我正在使用口袋妖怪 api https://pokeapi.co/來獲取口袋妖怪圖像。 獲得圖像后，我嘗試將其轉換為 base64 格式，但出現錯誤

pokemon.js:29 Uncaught (in promise) ReferenceError: getBase64 is not defined

我在這里查看了有關類似問題的其他答案，但我是初學者，不能很好地理解。

我的代碼：

 var pokeInfo=[]; var pokepics=[]; var pokemon; //get a pokemon by id async function fetchPokemon(pokemonID){ var response = await fetch('https://pokeapi.co/api/v2/pokemon/'+pokemonID.toString()+'/'); var poke = await response.json(); pokeInfo.push(poke); } //get many pokemon async function fetchManyPokemon(count){ for(var i=1;i<=count;i++){ await fetchPokemon(count); } } //get pokemon image async function fetchPokemonImage(pokemonInfo){ var imageUrl = pokemonInfo.sprites.front_default; //select image var imageResponse = await fetch(imageUrl); //fetch image var image = await imageResponse.blob(); // get response image //error is here var base64 = await getBase64(image); //convert image to base 64 format pokepics.push(base64); } async function fetchPokemonImages(){ //fetch number of pokemon images for(var l =0;l<pokeInfo.length;l++){ await fetchPokemonImage(pokeInfo[l]); } }

感謝您幫助指導我解決此問題。 先感謝您。

Answer 1

js中沒有getBase64()，你應該這樣試試：

function toBase64(file) {
   var reader = new FileReader();
   reader.readAsDataURL(file);
   reader.onload = function () {
     console.log(reader.result);
   };
   reader.onerror = function (error) {
     console.log('Error: ', error);
   };
}