Загруженный файл PDF поврежден - PullRequest
0 голосов
/ 28 марта 2019

Я пытаюсь отправить содержимое файла pdf в виде ответа в экспресс-формате и во внешнем интерфейсе, хочу получить его и снова сохранить в формате pdf.

Вот мой экспресс-код.

app.post('*', (req, res) => {

    ...

    fs.readFile(filePath , function (err,data){
      res.type('application/pdf')
      res.send(data)
    });
})

filePath - это полный путь к файлу PDF, и файл существует.

В веб-интерфейсе

import fileDownload from 'js-file-download'

axios.post(process.env.API_ENDPOINT)
  .then(response => {
     fileDownload(response.data, 'reports.pdf', 'application/pdf;charset=utf-8')
  })

Загрузка выполняется, но загруженный файл PDF поврежден.

Чтоздесь не так?

1 Ответ

0 голосов
/ 29 марта 2019

Я нашел пример кода, который может работать для вас.

Он не включает перевод base64, о котором я упоминал в комментариях, но он может и не понадобиться и сэкономит вам некоторую работу с бэкэндом. Я обнаружил, что у меня были некоторые проблемы, когда я пытался без него, но я не могу вспомнить, о чем это.

showFile(blob){
  // It is necessary to create a new blob object with mime-type explicitly set
  // otherwise only Chrome works like it should
  var newBlob = new Blob([blob], {type: "application/pdf"})

  // IE doesn't allow using a blob object directly as link href
  // instead it is necessary to use msSaveOrOpenBlob
  if (window.navigator && window.navigator.msSaveOrOpenBlob) {
    window.navigator.msSaveOrOpenBlob(newBlob);
    return;
  } 

  // For other browsers: 
  // Create a link pointing to the ObjectURL containing the blob.
  const data = window.URL.createObjectURL(newBlob);
  var link = document.createElement('a');
  link.href = data;
  link.download="file.pdf";
  link.click();
  setTimeout(function(){
    // For Firefox it is necessary to delay revoking the ObjectURL
    window.URL.revokeObjectURL(data);
  , 100}
}

fetch([url to fetch], {[options setting custom http-headers]})
  .then(r => r.blob())
  .then(showFile)

источник: https://blog.jayway.com/2017/07/13/open-pdf-downloaded-api-javascript/

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...