Загрузка BLOB в PDF с использованием Java и angular 5 - PullRequest
Новая
       26

Загрузка BLOB в PDF с использованием Java и angular 5

0 голосов
/ 29 ноября 2018

Я пытаюсь реализовать логику загрузки PDF из DB на угловой 5. Я столкнулся с проблемой в файле загрузки.Файл загружен, но выдает ошибку при открытии: «Не удалось загрузить».

Я просмотрел очень много блогов и вопросов / ответов, но не смог найти ошибку в своем коде. 

In Database -> pdf file content saved as BLOB

Веб-сервис Rest -> В приведенном ниже коде pdfData - это данные из столбца типа BLOB, который здесь представлен байтом [] в java-коде 

@GetMapping("downloadReport/{reportId}")
public StreamingResponseBody downloadDocument(byte[] pdfData) {
        return outputStream -> {
        //This way working for sample
            /*try (InputStream inputStream = new ByteArrayInputStream(
                    Files.readAllBytes(Paths.get("D:/pdfWithoutPassword.pdf")))) {
                IOUtils.copy(inputStream, outputStream);
            }*/
        //This way not working when data fetched from Database
            try (InputStream inputStream = new ByteArrayInputStream(pdfData)) {
                IOUtils.copy(inputStream, outputStream);
            }
            outputStream.close();
        };

Угловой код 5 

downloadReport(reportType: string, reportId: string) {
        let fileDownloadUrl = environment.apiUrl + "/downloadReport" + "/" + reportId;

        return this.httpClient
            .get(fileDownloadUrl, { observe: 'response', responseType: "blob"})
            .subscribe(response => this.saveFileToSystem(response.body)),
            error => console.log("Error downloading the file."),
            () => console.info("OK");
    }

       saveFileToSystem(input: any) {
        const blob = new Blob([input], { type: 'application/octet-stream' });
        saveAs(blob, "testingpdf1.pdf");
    }

Lookingза помощь в решении этого.Заранее спасибо!

Ответы [ 2 ]

0 голосов
/ 29 ноября 2018

Вот еще один способ, которым я сделал это, вы можете изменить: 

@RequestMapping(value = "/generateReport", method = RequestMethod.POST)
  public ResponseEntity<byte[]> generateReport(){

    HttpHeaders headers = new HttpHeaders();
    headers.setContentType(MediaType.parseMediaType("application/pdf"));
    StringBuilder filename = new StringBuilder("MyPdfName").append(".pdf");

    byte[] bytes = pdfGeneratorService.generatePDF();
    headers.add("content-disposition", "inline;filename=" + filename.toString());

    headers.setCacheControl("must-revalidate, post-check=0, pre-check=0");
    ResponseEntity<byte[]> response = new ResponseEntity<byte[]>(bytes, headers, HttpStatus.OK);
    return response;
}
0 голосов
/ 29 ноября 2018

Попробуйте это:

С вашей html-страницы 

 <a href="javascript:void(0);" (click)="generatePdf()"> YourPdf.pdf </a>

Из вашего js-файла 

generatePdf() {

this.yourService.generatePdf()
     .subscribe(pdf => {
     let mediaType = 'application/pdf';
     let blob = new 
     Blob([this.converterService.base64ToArrayBuffer(pdf.pdfByteArray)], { type: mediaType });
    saveAs(blob, fileName);
  }, err => {
    console.log('Pdf generated err: ', JSON.stringify(err));
  });

}

Ваша служба конвертации: 

import { Injectable } from "@angular/core";

@Injectable()
export class ConverterService {

base64ToArrayBuffer(base64) {
    var binaryString = window.atob(base64);
    var binaryLen = binaryString.length;
    var bytes = new Uint8Array(binaryLen);
    for (var i = 0; i < binaryLen; i++) {
        var ascii = binaryString.charCodeAt(i);
        bytes[i] = ascii;
    }
      return bytes;
   }
  }
...