自学内容网 自学内容网

vue 纯前端预览pdf,纯前端实现pdf加水印下载文件也带水印,防止pdf下载

效果图

e49f8b4b8e8242068311bd9f65e88398.png

1.pdf预览

原理:主要是利用pdfh5这个插件来完成的

使用方法:

1.页面需要有一个容器例子:

2.下载pdfh5插件

npm install pdfh5

(注意:webpack5之后不会下载polyfill 需要手动下载 所以引入pdfh5的时候会报错)

解决方案:下载 node-polyfill-webpack-plugin

npm install node-polyfill-webpack-plugin

之后再vue.config.js里面配置

// 头部引入

const NodePolyfillPlugin = require(‘node-polyfill-webpack-plugin’)

const { defineConfig } = require(‘@vue/cli-service’)

module.exports = defineConfig({

//…

conf


原文地址:https://blog.csdn.net/m0_54804970/article/details/144462180

免责声明:本站文章内容转载自网络资源,如本站内容侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!