Как сконвертировать локальный pdf в base64?

Question

[Im p3l]

Добрый день, у меня есть локальный пдф файл, который я хочу получить и конвертировать в base64

import file from 'assets/PDFs/file.pdf';

const getBase64 = async (file) => new Promise((resolve, reject) => {
    const reader = new FileReader();
    reader.readAsDataURL(file);
    reader.onload = () => resolve(reader.result);
    reader.onerror = error => reject(error);
});

const fileURI = new File([file],  'file')

const base64Pdf = await getBase64(fileURI);

В итоге вместо base64 файла, я получаю текстовый файл в котором написан путь до файла assets/PDFs/file.pdf

Как мне получить сконвертированный base64 файл?

Answer 1

[Alexandroppolus]

Попробуй сделать так:
import filePath from 'assets/PDFs/file.pdf';

и далее загрузить file из этого filePath обыкновенным fetch/XMLHttpRequest, указав формат 'blob'.

Другой вопрос - для чего тебе понадобился base64 этого файла? дело происходит на фронте или на бэке? возможно, есть более простой путь.

Comments

[Im p3l]

Дело происходит на фронте, base64 нужен для дальнейшей работы с файлом

[Lynn «Кофеман»]

Lo Ran, на фронте импорт pdf не работает. Так что у вас явно есть какой-то сборщик и проще настроить его на отдачу base64 для pdf и не заморачиваться FileReader-ом

[Im p3l]

Lynn «Кофеман», проблема в том, что у меня нет возможности настроить сборщик.

[Alexandroppolus]

Lo Ran,

проблема в том, что у меня нет возможности настроить сборщик.

если "проблема" связана с create-react-app, то используй react-app-rewired.

fetch не помог?