[OJS 3.1.1.4] How to embed a pdf file in an iFrame

Software Support
1

Hi,
How do you embed a pdf file in an iFrame? Apparently you can’t use the same method you use when you insert images in your html file. If we use the same method it will start downloading the pdf when opening the articlle and not show it in the article.
We’re running OJS 3.1.1.4
Best
Niels Erik

2

Hi @nef,

Do you mean within a HTML gallery, where the PDF is uploaded as a dependent file?

Regards,
Alec Smecher
Public Knowledge Project Team

3

Hi @asmecher
Yes, we have a html page with an iFrame. In that iFrame we’re trying to link to a pdf file, but the link doesn’t work after being published.
We have uploaded the pdf file via the HTML > Edit under Galley
layout-galley
Best
Niels Erik

4

Hi @nef,

Have you tried using an <object> element instead of an <iframe>? See e.g.: HTML embedded PDF iframe - Stack Overflow

Regards,
Alec Smecher
Public Knowledge Project Team

5

Hi @asmecher
Unfortunately, the object element did not solve the problem.
When I save the html page and associated pdf files locally on my own computer, the iframe element works fine in all my browsers. The problem arises when I upload the page and its pdf files into OJS.
Best
Niels Erik

6

Interesting. Do you have sample or demo?

7

I can replicate the behavior reported by @nef. Iframes and embed objects work fine locally, but are not able to find files once files are uploaded to OJS. Just to be clear, this applies to HTML galleys.
Here’s a sample code:

<html>
<body>

Iframe example:

<iframe
    src="01.pdf#toolbar=0&view=fitH"
    width="30%"
    border="0"
></iframe><br>

object embed example

<object data="01.pdf" type="application/pdf">
<embed src="01.pdf" type="application/pdf" />
</object>

</body>
8

HI all,

I would suggest checking whether it’s the HTTP headers that are preventing the PDF from being embedded. These are set in lib/pkp/classes/file/FileManager.inc.php in the downloadByPath function. In particular, I’d suggest looking at the Content-Disposition header – perhaps suppressing this will resolve it. (This will have side-effects – but if it does fix the PDF problem, I can suggest some next steps.)

Regards,
Alec Smecher
Public Knowledge Project Team

9

The problem occure when you add a file
through
“Upload a Dependent File”
they don’t get the parameter inline = 1 and when the Content-Disposition in the Response heard is set to attachment where it should have the value inline
But I can’t find any configuration to solve the problem
Best Regards
Maja Rønne

10

We have now upgraded to OJS 3.2.1.4 but still have the same problem with iframes. Has anyone found a solution to this problem?
Best
Niels Erik