Comment modifier dynamiquement le “src” ou “données” pour un Objet PDF / Embed fichier à l'aide de JavaScript?

J'ai une application web qui est de les charger dynamiquement des fichiers PDF pour l'afficher dans le navigateur.
Actuellement, il utilise des "innerHTML" pour remplacer un div avec l'Objet PDF. Les travaux de cette.

Mais, est-il une meilleure façon d'obtenir l'ID de l'élément et réglez le "src" ou "données" paramètre de l'Objet /Embed et ont immédiatement charger un nouveau document?
J'espère que l'instance de Adobe Acrobat Reader va rester sur l'écran, mais le nouveau document se charge en elle.

Voici un exemple en JavaScript de l'objet:

document.getElementById(`divPDF`).innerHTML = `<OBJECT id='objPDF' DATA="'+strFilename+'" TYPE="application/pdf" TITLE="IMAGING" WIDTH="100%" HEIGHT="100%"></object>`;

Tout insight est apprécié.

InformationsquelleAutor | 2008-09-18

1

Je ne suis pas sûr si cela fonctionne, car je n'ai pas essayé dans mes projets.

(En regardant votre JS, je crois que vous êtes à l'aide de jQuery. Si non, merci de me corriger)

Une fois que vous avez rempli le divPDF avec l'objet que vous pourriez essayer le code ci-dessous:
```
$("objPDF").attr({
    data: "dir/to/newPDF"
});
```
Encore une fois, je ne suis pas sûr si cela fonctionne pour vos besoins, mais si vous attachez ce code à un gestionnaire d'événements, vous pouvez changer les données de l'objet.

Vous pouvez également envelopper dans une fonction à être utilisé maintes et maintes fois:
```
function pdfLoad(dirToPDF) {
    $("objPDF").attr({
        data: dirToPDF
    });
}
```
InformationsquelleAutor Lark
0

Si le gestionnaire de fichier PDF, acrobat (il n'a pas à être), il expose un JS interface qui est décrite ici:

http://www.adobe.com/devnet/acrobat/pdfs/js_api_reference.pdf

Voir si on peut appeler openDoc(urlToPdf) sur le document.getElementById ("objPDF') -- même si cela fonctionne, cela ne fonctionne que lorsque Acrobat est utilisé pour traiter 'application/pdf'

InformationsquelleAutor Lou Franco
0

@alouette
Une légère correction:
```
$('#objPDF').attr('data','dirToPDF');
```
Le # indique le objPDF est un ID et non pas un nom d'élément. Bien que je ne sais toujours pas si cela va fonctionner.

@Tristan
Jetez un oeil à la jQuery Media plugin. Il mentionne le soutien pour le format PDF, mais je ne l'ai jamais utilisé.

InformationsquelleAutor Shinhan

Ouvrir un PDF-Lien dans une fenêtre externe PDFN avec un externe PDF-Reader.EXE:

Cliquant sur le bouton suivant:

<FORM action=""> 
    <INPUT type="button" value="PDF file" 
        onclick="window.open('http://www.Dku-betrieb.eu/Pdfn.html', 
        'PDFN', 'width=620, height=630')">
</FORM>

ouvre ce cadre Pdfn.html dans une fenêtre externe:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
<html lang="de">
    <meta http-equiv="refresh" content="12;url=http://www.dku-betrieb.eu/Pdfn1.html">
    <head>
        <title>Reader</title>
            <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    </head>
    <frameset>
    <frame src="http://www.dku-betrieb.eu/File.pdf" frameborder=0 name="p1">
    </frameset>
</HTML>

qui s'actualise dans les 12 secondes pour le téléchargement du PDF-Reader:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
<html lang="de">
    <head>
        <title>Reader</title>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    </head>
    <frameset >
    <frame src="http://www.dku-betrieb.eu/PDFReader.exe" frameborder=0 name="p2">
    </frameset>
</HTML>

montrant comme résultat le fichier PDF dans la fenêtre externe PDFN.

InformationsquelleAutor Daniel KUPPER

function pdfLoad(datasrc) {

          var x =  document.getElementById('objPDF');
          x.data = datasrc;

        }

Cela a fonctionné pour moi

InformationsquelleAutor onur

Vous devez vous connecter pour publier un commentaire.