Promise型から値を取り出してAPIリクエストにセットしたい

Question

画像を取得→dataUrlに変換→dataUrlをAPIで送る
ということをやりたいと考えています。

dataUrlに変換を下記ソースコードのfileListToBase64(fileList)の部分でやろうとしているのですが、
FileReaderを非同期処理でやる必要があるため、returnがPromise型になっています。

Promise型のままだとAPIリクエストできないので、dataUrlを取り出したいのですが、
やり方等ご存知であればご教授いただきたいです。

試したこととしては、以下のように変数にそのまま代入しましたが、Promise型のままでした。

let url 
Promise.resolve(imgDataUrlPromise).then(function(value) {
 url = value
}

や

url = Promise.resolve(imgDataUrlPromise)

以下、ソースコードです。
よろしくお願いします。

const imgDataUrlPromise = fileListToBase64(files)
await PostImage(imgDataUrlPromise, titleRef.current.value, commentRef.current.value, setStatusCode);

export async function fileListToBase64(fileList) {

    function getBase64(file) {
        const reader = new FileReader()
        return new Promise(resolve => {
            reader.onload = ev => {
                resolve(ev.target.result)
            }
            reader.readAsDataURL(file)
        })
    }
    const promises = []
    for (let i = 0; i < fileList.length; i++) {
        promises.push(getBase64(fileList[i]))
    }
    return await Promise.all(promises)
}

export async function PostImage(_imgUrl, _title, _comment, setStatusCode) {

    const params = new URLSearchParams()
    params.append('imageUrl', _imgUrl)
    params.append('title', _title)
    params.append('text', _comment)

    const userId = localStorage.getItem('userId')
    const url = domain + "/api/post/userId/" + userId;

    const request = {
        method: "POST",
        headers: {
            "Content-Type": "application/x-www-form-urlencoded",
            "token": localStorage.getItem('token'),
        },
        body: params
    }

    const response = await fetch(url, request);
    const statusCode = response.status
    setStatusCode(statusCode);
    if (statusCode === 200 || statusCode === 201) {
        return "投稿しました"
    } else {
        const body = await response.json();
        return body.message
    }
}

Comments

[hoshi-takanori]

await すれば良いのでは…。

Answer 1

const imgDataUrlPromise = fileListToBase64(files)

awiat しましょう。

const imgDataUrlPromise = await fileListToBase64(files)

Comments

[lawsoncoffee]

遅くなり、すいません。。無事にできました！