vue 预览pdf

news/2024/7/23 19:30:38
<embed
  :src="previewSrc"
  type="application/pdf"
  width="1200px"
  height="1000px">

embed 标签h5特性中包含四个属性:高、宽、类型、预览文件src!
与< iframe > < / iframe > 不同,这个标签是自闭合的的,也就是说如果浏览器不支持PDF的嵌入,那么这个标签的内容什么都看不到!

 

参考文章:https://www.jianshu.com/p/2f39de746900

 

 


http://www.niftyadmin.cn/n/951510.html

相关文章

CSDN博客第一天,求关注!!!

CSDN博客第一天&#xff0c;求关注&#xff0c;欢迎各位前辈、大侠、大佬捧场。

OpenLayers 4 ol.source 详解

source 是 Layer 的重要组成部分&#xff0c;表示图层的来源&#xff0c;也就是服务地址。 除了在构造函数中指定外&#xff0c;还可以使用 layer.setSource(source) 稍后指定。 一、包含的类型 ol.source.BingMaps &#xff0c;必应地图的切片数据&#xff0c;继承自ol.sour…

Vue中:error ‘XXXXX‘ is not defined no-undef解决办法

报错内容: ClientCompiled with some errors in 7.42s √ ServerCompiled successfully in 6.05sERROR Failed to compile with 1 errors friendly-errors 17:33:15 ERROR in ./pages/pla…

如何解决Android中 Error generating final archive: Debug Certificate expired on的问题

一、问题描述 今天&#xff0c;打开eclipse编译android project&#xff0c;提示如下错误&#xff1a; Error generating final archive: Debug Certificate expired on 13-8-14 下午5:03 二、产生原因 这个问题产生的原因是&#xff1a; android要求所有的程序必须有签名&…

如何批量导入数据到Sqlite数据库

做android和ios开发的一般都用Sqlite数据库&#xff0c;有的时候数据需要批量导入&#xff0c;那么如何导入呢&#xff1f; 在这里&#xff0c;介绍2种方法供大家参考。 一、用sqlite命令 以windows系统为例&#xff0c;linux下命令是一样的。 1.安装sqlite工具包 首先要安装有…

vue 中动态添加html元素并绑定点击事件onclick

方法中动态添加html元素 getWindContent(){return </div><span style"cursor: pointer;" onclick"closeMaker()"><img class"img" src"/assets/svg/close-white.svg" /></span></div> }mounted中 win…

虚析构函数与析构函数的区别

先看下面代码: class A { public: A() { printf("A()"); } virtual ~A() { testOutput(); printf("~A()"); } virtual testOutput() { printf("testA"); } }; class B: public A { public: B() { printf("B()"); } virtual ~B() {…

用Vue.extend()来做一个全局提示组件

相信很多人用vuejs构建单页应用时都会用到一些全局方法&#xff0c;比如发ajax请求时喜欢用axios挂载到vue原型上&#xff0c;如下&#xff1a; // 1 引入vue和axios import Vue from vue import axios from axios // 2 对axios的一些封装 // code ...// 3 然后挂载到原型上 V…