vue 预览 word 文件 docx

安装 npm 依赖

npm i docx-preview@0.1.4
npm i jszip

预览在线地址文件

<template><div class="home"><div ref="file"></div></div>
</template><script>
import axios from 'axios'
const docx = require('docx-preview');
window.JSZip = require('jszip')
export default {mounted(){axios({method: 'get',responseType: 'blob', // 设置响应文件格式url: '/docx',}).then(({data}) => {docx.renderAsync(data,this.$refs.file) // 渲染到页面预览})}
}
</script>

预览本地文件

<template><div class="my-component" ref="preview"><input type="file" @change="preview" ref="file"></div>
</template>
<script>
const docx = require('docx-preview');
window.JSZip = require('jszip')
export default {methods:{preview(e){docx.renderAsync(this.$refs.file.files[0],this.$refs.preview) // 渲染到页面预览}}
};
</script>
<style lang="less" scoped>
.my-component{width: 100%;height: 90vh;border: 1px solid #000;
}
</style>

vue 预览 word 文件 docx相关推荐

vue 在线预览word文件docx
1.npm安装插件 npm i docx-preview 2.index.html文件引入 <script src="https://unpkg.com/jszip/dist/jszi ...
使用vue预览Word文件
<template><divref="wrap"class="client-tabl">< ...
Vue 预览word,excel,ppt等office文档-内网访问（基于onlyoffice，后端返回文件流）
Vue 预览word,excel等office 先看效果!! 需求背景:在前端页面中预览office文件且是内网访问,服务器不可访问外网的前提. 因此微软的接口就废掉了,因为他接口的条件是可以访问外网 ...
vue预览word,excel,pptx,pdf文件
vue预览word,excel,pptx,pdf文件 1.做word,excel,pptx的预览,要先确定文件路径访问是通过域名的url来预览,不可以通过IP的url来访问先把文件路径的url进行u ...
Vue预览word/pdf文件(内外网均可)
预览word文件实现方式有 1 将文件放在前端静态文件中实现本地预览但前端包变得很大多文件不适合 2 通过跳转外网链接访问但内网无法使用 3 综合考虑利用浏览器自带的预览pdf 将文件放在 ...
前端做预览word（docx）功能
前端做预览word(docx)功能前端预览word最好的方法就是后端返回url,然后前端利用iframe进行展示了,效果最好,而且还不会出现内容缺失等的问题. 1.后端返回url 前端直接用ifra ...
VUE预览PDF文件并利用pdf.js获取鼠标选中的文字和搜索，在iframe中获取选中文字，监听鼠标事件，右键菜单
一.VUE预览PDF文件并利用pdf.js获取鼠标选中的文字和搜索需求实现:vue实现预览pdf文件,获取到鼠标选中的文字数据.调用pdf.js自带的搜索方法实现搜索功能(后期可以调用该接口满足其他 ...
php怎么在线预览word文件？php预览.doc、.docx、.wps文件
php预览Word PHP要实现在线Word预览只需要3步第一步: 准备一个文件地址,如下: http://usdoc.cn/vw/文件模板.docx 第二步预览前置地址: http://vw.u ...
前端预览-Word（.docx）
目前前端预览有以下几个方案: 1.使用微软.永中等第三方提供的服务进行预览. 2.前端使用docx-preview.mammoth两个插件进行预览. 3.后端提供服务或者转为pdf进行预览. 以下逐条 ...

vue 预览 word 文件 docx

vue 预览 word 文件 docx相关推荐

最新文章

热门文章