I'm sending a POST request to a server, and in response, I receive a PDF file that is returned as a blob. To handle this blob, I am using the "handle-as='blob'" attribute of iron-ajax (a Polymer element), just to cover all bases.
Now, my goal is to display this blob/PDF in a new browser window, but only on Chrome/Windows.
I have experimented with two methods, both of which fail without throwing any errors:
Method 1)
function handlePdfResponse(blob) {
const pdfUrl = URL.createObjectURL(blob);
window.open(pdfUrl, '_blank');
}
Method 2)
function handlePdfResponse(blob) {
const reader = new FileReader();
reader.onloadend = function(e) {
window.open(reader.result, '_blank');
};
reader.readAsDataURL(blob);
}
In both cases, when logging the input blob, it shows the following information:
Blob {size: 219478, type: "application/pdf"}
With Method 2, I can log the reader.result (which is a valid data-uri), paste it into a new Chrome window, and voila! My beautiful PDF is displayed.
Unfortunately, there seems to be no way to debug either of these methods effectively.
So, any thoughts?
Are there any obvious errors that I am missing?
Is there anything else I could try to make this work?
EDIT: For future reference, I am currently using Chrome version 55.0.