Как правильно отконвертировать Blob в pdf файл?

Question

[46kvolamak]

С помощью библиотеки react-pdf я создаю pdf документ и мне нужно сразу после скачивания отправить этот файл на сервер,

<PDFDownloadLink document={<MyDoc />} fileName="somename.pdf">
        {({ blob, url, loading, error }) => {
        return (
          <>
            <div onClick = {() => sendPdf(blob)}>Скачать</div>          
          </>
        )
        }}
      </PDFDownloadLink>

Тут я передаю blob параметр моего pdf файла в функцию которая собирает из blob новый pdf файл и отправляет его на сервер. Правильно ли я делаю, почему то отконвертированный новый Pdf файл не открывается.

const formData = new FormData()
    const data2 = new File([blob], "abb", {
      type: "application/pdf"
    })
    formData.append('File', data2)

Comments

[Pavel Shvedov]

1. В конструкторе new File передается массив байт, судя по документации, а в приведенном коде передается массив с одним элементом типа Blob. Blob туда можно передавать не оборачивая в массив
2. Зачем в принципе создавать File, в FormData можно запихнуть сразу Blob

[ThunderCat]

отконвертированный новый Pdf файл не открывается.

Который с сервера или котрый скачанный?
Размер файла не нулевой случайно?

Answer 1

[Надим]

Немножко не так, конструктор new File здесь совершенно НЕ нужен.

Делайте так:

// Асинхронная функция для отправки переданного Blob на сервер:

async function sendPdf(blob) {

    // Создаем форму с файлом:
    var form_data = new FormData();
    form_data.append('file', blob, 'somename.pdf');

    // Отправляем форму на сервер (замените адрес обработчика на свой):
    var response = await (await fetch('https://yousite.ru/handler.php', {
        method: 'POST',
        body: form_data
    })).text();

    // Выводим ответ сервера в консоли:
    console.log('Ответ сервера: ' + response);
    
}

Comments

[46kvolamak]

вот такая ошибка появляется, проблема в моем blob файле скорее всего да?

[Надим]

46kvolamak, покажите что у вас лежит в blob:
console.dir(blob);

[46kvolamak]

Надим Закиров, все, разобрался, просто забыл наполнить pdf контентом, поэтому был null. Еще раз огромное спасибо за помощь