Question

我有一个php文件，它让我可以从mysql显示一个pdf文件现在我想在html文件中的div中显示pdf这是我在javascript中的函数 var id;

function displayNotes() {
    //id=localStorage.getItem("userid");
    id = 160;
    var urlString = "id=" + id;
    $.ajax({
        url : "http://localhost/notePdf.php",
        type : "GET",
        cache : false,
        data : urlString,
        success : function(response) {
            console.log(response);
            document.getElementById("pdf").innerHTML = response;

        }
    });
}

这是我在html中的div

<div class="content">
                        <div id="form">
                            <form action="" id="contactForm" method="post">
                                <span>Email</span>
                                <input type="text" name="email" class="email" placeholder="Enter your email" tabindex=2 />
                                <span>Email</span>
                                <input type="text" name="email" class="email" placeholder="Enter your email" tabindex=2 />
                                <span>Message</span>
                                <textarea class="message" tabindex=4 id="pdf"></textarea>
                                <input type="submit" name="submit" value="Send e-mail" class="submit" tabindex=5>
                            </form>
                        </div>
                        </div>

Answer 1

如果您使用javascript创建它，则使用embed标记而不是文本区域使用DOM节点创建嵌入标记并将该位置作为src广告

<embed id = 'pdf' src="(location to your pdf file)"></embed>

在js：

document.getElementById("pdf").src = response;

如何在html div中显示pdf文件

1 个答案: