returnthis.renderPdf(num+1); }); } }); }, pdf的放大和缩小 pdf文件渲染后如果不能调整大小会因为源文件的大小和文件内容,出现模糊的问题,所以进行缩放渲染是有必要的 // pdf放大 setPdfZoomin() { constmax =2; if(this.pdfScale >= max) { return; } this.pdfScale =this.pdfScale +0.2; thi...
pdf-view-reader官网: npmjs.com/package/pdf-v 1、安装库 npm install pdf-view-reader 2、使用示例 import PDFViewReader from 'pdf-view-reader'; const viewer = new PDFViewReader(); 读取或预览 PDF 文件 document.getElementById('fileInput').addEventListener('change', function (event) { const ...
最开始期望发布一个npm包,但是由于多种文件预览要引入很多第三方库,导致最后的npm包超过了2M,无法进行发包, 所以最后拆成了三个包,放到一个命名空间下 @vue-office,这种方式发包,需要在npm官网创建一个组织,创建组织是免费的,只要给个名称就行,也不需要资质审核。 npm创建组织.png 拆包之后就又面临一个问题,如...
npm ipdfjs-dist-D ``` ### ```javascript <template> 查看docx文件 查看PDF文件 <el-row justify="center"> <el-col :span="6"> <el-pagination layout="prev, pager, next" small background :total="pdfPagesNum" @current-change="currentChange" /> </el-col> </el-row> </t...
//docx文档预览组件npm install@vue-office/docx//excel文档预览组件npm install@vue-office/excel//pdf文档预览组件npm install@vue-office/pdf 复制代码 使用示例 docx文档的预览 <template><vue-office-docx:src="docx"@rendered="rendered"/></template>//引入VueOfficeDocx组件 import Vue...
npm install @vue-office/pdf vue-demi 如果是vue2.6版本或以下还需要额外安装 @vue/composition-api npm install @vue/composition-api/ 回到顶部 使用示例 文档预览场景大致可以分为两种: 有文档网络地址,比如 https://***.docx 文件上传时预览,此时可以获取文件的ArrayBuffer或Blob ...
支持多种文件(**docx、excel、pdf、pptx**)预览的vue组件库,支持vue2/3。也支持非Vue框架的预览。. Latest version: 1.6.4, last published: 2 months ago. Start using @js-preview/docx in your project by running `npm i @js-preview/docx`. There are 16 other projec
const text = await readPDFDoc(event.target.result); console.log('pdf text data:', text) document.getElementById('pdf-container').innerHTML = text; }; reader.onerror = (err) => { console.log('err:', err) }; }); } 1. 2....
一.vue-pdf 1.首先安装 npm install --save vue-pdf 1. 2.在项目中引用 完整代码如下: <template> <pdf :src="src" ref="myPdfComponent"></pdf> </template> import pdf from 'vue-pdf' import CMapReaderFactory from 'vue-pdf/src/CMapReaderFactory.js' export default { components...
npm install vue-photo-preview --save 2、创建组件 <template><!-- 图片、pdf、docx 预览"docx-preview": "^0.1.4","jszip": "^3.10.0",--><template slot="closeIcon"><my-icon icon="close-circle" class="closeIcon"/></template><template slot="footer"><my-button @click="changePdfPage(...