前端html页面预览pdf文件

最新推荐文章于 2024-06-05 01:32:57 发布

计算机技术之指尖密码

最新推荐文章于 2024-06-05 01:32:57 发布

阅读量687

点赞数 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>

计算机技术之指尖密码

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
前端html页面预览pdf文件

<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title></title> <script src="./pdfobject.min.js"></script> <style> .pdfobject-container { height: 30rem;
复制链接

扫一扫