2016-05-25 47 views
1

我想在Sharepoint页面中添加一个表单(只是一个文本框),它需要用户输入PDF文档的URL,然后显示在同一页面上的iFrame中。使用文本框,HTML和Javascript在iFrame中显示PDF

我发现了一个代码来对图像进行此操作,但我很难修改它以在iFrame中显示PDF。

我试图修改的代码来自上一个问题。这里是链接:

Get img src from input box into a div

这里是没有创建一个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> 

回答

0

而不是创建一个<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> 
+0

谢谢,约阿希姆! 但是,这仍然不会显示我的iFrame(或任何其他地方)的任何东西。这是如何显示的? 再次感谢您! – RaeJoKae

+0

它应该在现代浏览器中工作。您使用哪一个? –

+0

我将代码片段替换为完整的代码示例 - 已成功通过OSX上的Safari 9.1和Firefox 46进行测试。 –