使用文本框，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

回答

相关问题