Is it possible to change HTTP-header of a pdf document, you want to embed in a <embed> or <iframe>?
Refering to my other question: Why does pdf document download instead of showing in a embed/iframe?
When i embed a pdf document like the below examples, it downloads the documents instead of showing it embedded in the website.
<embed id="showPdfDocument" src="http://example.com:8080/client/attachment/filename.pdf" type="application/pdf" width="400" height="400">
or
<iframe id="showPdfDocument" src="http://example.com:8080/client/attachment/filename.pdf" style="width:400px;height:400px;"></iframe>
My assumptions:
- I guess i have to change the HTTP-Header of the pdf document?
- I also guess that the problem is with the field "Content-Disposition: attachment", as shown in the screenshot below
My question:
- How can i change the HTTP-Header of the pdf document, using html/javascript only? (Greasemonkey for example)
Screenshot of the HTTP-Header of the pdf document:
("Chrome Dev-Tools(F12)" -> Network Tab, select the pdf document and check the response headers)
Solution
The content-disposition header triggers the save dialog. If you want to avoid it without server-side changes, try loading it via XHR and encode it as "data:" link.
- How to fix Lambda function timeout when interacting with DynamoDB using AWS SDK v3 in Node.js?
- Count of duplicate console.log() resets when called from a different element
- createStore is @deprecated so im trying to replace with configurationStore
- finding a point and its angle on a cubic Bezier curve in JavaScript
- Count cell values only if another condition is met
- Understanding unique keys for array children in React.js
- What are the requirements for audio output in Chrome on Android?
- How to submit an ASP.NET Core Razor Pages form without reloading the page
- How do I fix CORS issue in Fetch API
- Why isn't it good non-compile scripting languages to use for intensive calculations?
- Send Sendgrid Email Without Subject
- How to remove required to an element using jQuery?
- How to format numbers as currency strings
- Trouble using require(); Needing to convert JS file to ES module
- I keep getting Exception: Invalid argument: replacement on a google Apps Script
- Append element as sibling after element?
- Why doesn't npm update install the latest nodemon version?
- Ellipsis in the middle of a text (Mac style)
- Finding all elements with a scroll
- How to get the mouse position relative to the window viewport in javascript?
- jQuery on click to check if it has a div with a certain class and then change the value of a different class
- Firebase deploy error: Neither apiKey nor config.authenticator provided (using Stripe)
- Detecting which input is focused React hooks
- How can I find out if a javascript iterator terminates early?
- Vuetify3 autocomplete with per-item tooltips not clickable
- Renaming Function Parameters with Babel Without Changing Other Identical Identifiers
- How to find npm duplicate packages?
- Color gradient as style on marker
- How to fill the whole canvas with specific color?
- Change onclick action with a Javascript function