vue根据文件路径预览docx

直接是文件路径：https://127.0.1.1/filePath.docx

页面：

引入插件：npm i jszip

npm i docx-preview

方法：

seeDocx(file_url) {let xhr = new XMLHttpRequest();xhr.open("get", file_url, true);xhr.responseType = "blob";let that = this//onload this指向为window中转一下xhr.onload = function () {if (this.status === 200) {docx.renderAsync(xhr.response, that.$refs.preview);}};xhr.send();
},

vue根据文件路径预览docx相关推荐

fis3+vue+pdf.js制作预览PDF文件或其他
人生第一篇博客,的确有点紧张,但有些许兴奋,因为这对于我来说应该是一个好的开始,以此励志在技术的道路上越走越远. 看过了多多少少的技术博客,给自己带来了很多技术上的收获,也因此在想什么时候自己也可以赠 ...
vue-pdf vue中导入文件并预览
暂时是导入后根据文件流预览之后上传后台哪url地址应该就是<pdf :src="url" 创建参考 https://www.cnblogs.com/mizuki- ...
vue项目实现前端预览word和pdf格式文件
最近做vue项目遇到一个需求,就是前端实现上传word或pdf文件后,后端返回文件对应的文件流,前端需要在页面上展示出来.word预览简单一些,pdf预览我试过pdfjs,vue-pdf总是报各种奇奇 ...
Vue实现word、pdf、视频文件的预览
1.Vue2.0 (1)预览word 首先需要安装mammoth.1.5.1,预览原理其实就是使用xhr下载word文件,然后使用mammoth将字符流转换为html用于预览 npm install ...
vue自定义组件实现文件列表预览与下载
由于ant-design-vue自带的a-upload组件与JeecgBoot封装的j-upload组件在查看上传文件列表时都不太满足项目需要,就自定义了文件列表查看组件,主要仿a-upload组件l ...
html如何找寻vue文件,如何预览vue文件
每天写个页面,都要配置脚手架,能不能像以前开发前端页面一样,写一个index.html,然后编写js,css,就可以在浏览器上运行了呢?可是我又不想舍弃vue,那么能不能全局搭建一个脚手架,供我来使用 ...
React文件预览,React实现在线预览docx，xslx，pdf格式文件
一.前言由于项目需要实现文件的预览功能,通过查询百度找到了一个组件,就是react-file-viewer,其官方API中描述可支持文件格式有以下格式: 图片:png,jpeg,gif,bmp,包括 ...
文件在线预览doc，docx转换pdf（一）
文件在线预览doc,docx转换pdf(一) 前言文档转换是一个是一块硬骨头,但是也是必不可少的,我们正好做的知识库产品中,也面临着同样的问题,文档转换,精准的全文搜索,知识的转换率,是知识库产品的 ...
vue 实现pdf文件在线预览
PDF文件在线预览的功能相信大家都是有遇到过的,这边有两种实现方法,大家可以借鉴参考下第一种,使用vue-pdf 安装 npm install --save vue-pdf 页面代码 <tem ...

vue根据文件路径预览docx

vue根据文件路径预览docx相关推荐

最新文章

热门文章