前端html页面预览pdf文件

最新推荐文章于 2024-09-09 09:00:00 发布

计算机技术之指尖密码

最新推荐文章于 2024-09-09 09:00:00 发布

阅读量724

点赞数 1

分类专栏： javascript数据结构

本文链接：https://blog.csdn.net/w1374401940/article/details/107553827

版权

javascript数据结构专栏收录该内容

30 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title></title>
    <script src="./pdfobject.min.js"></script>
    <style>
        .pdfobject-container {
            height: 30rem;
            width: 50rem;
            border: 1rem solid rgba(0, 0, 0, .1);
        }
    </style>

    </style>
</head>

<body>
    <div id="my-map">
        <embed src="./book/read/Angular2权威教程.pdf" width="800px" height="500px" />
    </div>
    <object data="./book/read/Angular2权威教程.pdf" type="application/pdf" width="800" height="500">
        <a href="./book/read/Angular2权威教程.pdf">test.pdf</a>
    </object>
    <div id="example1"></div>
</body>

<script>PDFObject.embed("./book/read/Angular2权威教程.pdf", "#example1");</script>

</html>