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

Question

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

我找到了使用图像执行此操作的代码，但我很难修改它以在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>

Answer 1

创建<object>标记，而不是创建<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>

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

问题描述

1 个解决方案

解决方案1
0 2016-05-25 15:02:48

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

问题描述

1 个解决方案

解决方案1 0 2016-05-25 15:02:48

解决方案1
0 2016-05-25 15:02:48