前端项目弹框展示 PDF可以使用 iframe 调用浏览器自带的阅读器

最新推荐文章于 2024-02-22 11:21:57 发布

前端不加班

最新推荐文章于 2024-02-22 11:21:57 发布

阅读量967

点赞数 1

CC 4.0 BY-SA版权

文章标签：前端 pdf javascript

本文链接：https://blog.csdn.net/m0_49515138/article/details/127536842

 <el-dialog
      title="提示"
      :visible.sync="dialogVisible"
      width="80%"
      :before-close="handleClose"
    >
    <div style="height:69vh;text-align: center; padding: 0 0px">
                <iframe
                  v-if='imageUrl.split(".").pop()=="pdf"'
                  :src="imageUrl"
                  frameborder="0"
                  style="width: 100%; height: 100%"
                ></iframe>
                <img
                  v-else
                  :src="imageUrl"
                  alt=""
                  style="
                    padding-top: 20px;
                    max-width: 100%;
                    height: 100%;
                    overflow-y:scroll;
                    box-shadow: 10px 10px 10px #999;
                  "
                />
              </div>
    
    </el-dialog>