We have the pdf document save in data base , from webapi I am returning as byte array,Now from UI I have to open the pdf in new tab of browser, and user should able to download the pdf. How can I achieve this requirement of opening and downloading the pdf document?
You can use something like this:
<a href='/api/v1/print/example.pdf' target='_blank' rel='noopener noreferrer'>
The following code work for me
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 };
}
Solution from 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>