Verwendung eines Textfelds, HTML und Javascript zum Anzeigen einer PDF in einem iFrame

Ich versuche, ein Formular (nur ein Textfeld) innerhalb einer Sharepoint-Seite hinzuzufügen, die einen Benutzer die URL eines PDF-Dokuments eingeben muss, die dann Anzeige in einem iFrame auf derselben Seite.Verwendung eines Textfelds, HTML und Javascript zum Anzeigen einer PDF in einem iFrame

Ich habe Code gefunden, um dies mit einem Bild zu tun, aber ich habe eine schwierige Zeit zu ändern, um eine PDF in einem iFrame anzuzeigen.

Der Code, den ich ändern möchte, stammt aus einer früheren Frage. Hier ist der Link:

Get img src from input box into a div

Und hier ist der Code, ohne einen iFrame zu schaffen. Ich bin nicht sicher, wo das in diesen Code eingefügt werden sollte. Jede Hilfe wäre willkommen!

<html> 
<head> 
<script language="javascript"> 

function getImg(){ 
    var url=document.getElementById('txt').value; 
    var div=document.createElement('div'); 
    var img=document.createElement('img'); 
    img.src=url; 
    div.appendChild(img); 
    document.getElementById('images').appendChild(div); 
    return false; 
} 
</script> 
</head> 
<form> 
    <input type="text" id="txt"> 
    <input id="btn" type="button" value="Get Image" onclick="getImg();" /> 
</form> 
<div id="images"></div>

Quelle

2016-05-25 RaeJoKae

Anstatt einen <img> Tag zu erstellen, erstellen Sie einen <object> tag:

<html> 
<head> 
    <script language="javascript"> 

     function getImg(){ 
      var url=document.getElementById('txt').value; 
      var div=document.createElement('div'); 
      var obj = document.createElement('object'); 
      obj.data = url; 
      obj.type = 'application/pdf'; 
      div.appendChild(obj); 
      document.getElementById('images').appendChild(div); 
      return false; 
     } 
    </script> 
</head> 
<form> 
    <input type="text" id="txt"> 
    <input id="btn" type="button" value="Get Image" onclick="getImg();" /> 
</form> 
<div id="images"></div>

Quelle

2016-05-25 15:02:48

Danke, Joachim! Aber das zeigt immer noch nichts in meinem iFrame (oder anderswo). Wie wird das angezeigt? Nochmals vielen Dank! – RaeJoKae

Es sollte in modernen Browsern funktionieren. Welche verwenden Sie? –

Ich ersetzte das Code-Snippet durch ein komplettes Codebeispiel - erfolgreich getestet mit Safari 9.1 und Firefox 46 unter OSX. –

Verwendung eines Textfelds, HTML und Javascript zum Anzeigen einer PDF in einem iFrame

Antwort

Verwandte Themen