vue实现打开新窗口预览PDF文件

vue3实现预览PDF文件

HaanLen

9516人浏览 · 2022-06-27 23:44:49

HaanLen · 2022-06-27 23:44:49 发布

利用浏览器自带的浏览器文件功能

  <button @click="previewPDF">预览PDF</button>

 const previewPDF = () => {
   let url = `http://mozilla.github.io/pdf.js/web/compressed.tracemonkey-pldi-09.pdf`;
   window.open(url, "_blank");
 };

在这里插入图片描述

pdf链接来源：https://blog.csdn.net/prey1025/article/details/90029284

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^