使用文本框，HTML和Javascript在iFrame中顯示PDF

我想在Sharepoint頁面中添加一個表單（只是一個文本框），它需要用戶輸入PDF文檔的URL，然後顯示在同一頁面上的iFrame中。使用文本框，HTML和Javascript在iFrame中顯示PDF

我發現了一個代碼來對圖像進行此操作，但我很難修改它以在iFrame中顯示PDF。

我試圖修改的代碼來自上一個問題。這裏是鏈接：

這裏是沒有創建一個iFrame代碼。我不確定應該把這個代碼放到哪裏。任何援助將不勝感激！

<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>

來源

2016-05-25 RaeJoKae

而不是創建一個<img>標籤，創建一個<object>標籤：

<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>

來源

2016-05-25 15:02:48

謝謝，約阿希姆！但是，這仍然不會顯示我的iFrame（或任何其他地方）的任何東西。這是如何顯示的？再次感謝您！ – RaeJoKae

它應該在現代瀏覽器中工作。您使用哪一個？ –

我將代碼片段替換爲完整的代碼示例 - 已成功通過OSX上的Safari 9.1和Firefox 46進行測試。 –

使用文本框，HTML和Javascript在iFrame中顯示PDF

回答

相關問題