Tenemos el documento pdf guardado en la base de datos, desde webapi estoy regresando como matriz de bytes, ahora desde la interfaz de usuario tengo que abrir el pdf en una nueva pestaña del navegador, y el usuario debería poder descargar el pdf. ¿Cómo puedo cumplir con este requisito de abrir y descargar el documento pdf ?
Puedes usar algo como esto:
<a href='/api/v1/print/example.pdf' target='_blank' rel='noopener noreferrer'>El siguiente código funciona para mí.
try { await axios .get(uri.ApiBaseUrl + "AccountReport/GetTrialBalancePdfReport", { responseType: "blob", params: { ...searchObject, }, }) .then((response) => { //Create a Blob from the PDF Stream const file = new Blob([response.data], { type: "application/pdf" }); //Build a URL from the file const fileURL = URL.createObjectURL(file); //Open the URL on new Window const pdfWindow = window.open(); pdfWindow.location.href = fileURL; }) .catch((error) => { console.log(error); }); } catch (error) { return { error }; }Solución a partir de 2020
import Pdf from '../Documents/Document.pdf'; <a href={Pdf} without rel="noopener noreferrer" target="_blank"> <button trailingIcon="picture_as_pdf" label="Resume"> PDF </button> </a>