1

我正在尝试在 Sharepoint 页面中添加一个表单（只是一个文本框），该页面要求用户输入 PDF 文档的 url，然后该文档将显示在同一页面上的 iFrame 中。

我找到了使用图像执行此操作的代码，但我很难修改它以在 iFrame 中显示 PDF。

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

从输入框获取img src到一个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>
4

1 回答 1

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>
于 2016-05-25T15:02:48.750 回答