vue3 预览docx文件

<div ref="container"></div>

import { renderAsync } from "docx-preview";// 获取到上传附件的 on-change事件
const fileViews = ref()
let container = ref(null);const handleChange = (file) => {fileViews.value = fileconsole.log(file)renderAsync(fileViews.value.raw, container.value, null, {className: "docx", // 默认和文档样式类的类名/前缀inWrapper: true, // 启用围绕文档内容渲染包装器ignoreWidth: false, // 禁止页面渲染宽度ignoreHeight: false, // 禁止页面渲染高度ignoreFonts: false, // 禁止字体渲染breakPages: true, // 在分页符上启用分页ignoreLastRenderedPageBreak: true, //禁用lastRenderedPageBreak元素的分页experimental: false, //启用实验性功能（制表符停止计算）trimXmlDeclaration: true, //如果为真，xml声明将在解析之前从xml文档中删除debug: false, // 启用额外的日志记录})
}

vue3 预览docx文件相关推荐

React文件预览,React实现在线预览docx，xslx，pdf格式文件
一.前言由于项目需要实现文件的预览功能,通过查询百度找到了一个组件,就是react-file-viewer,其官方API中描述可支持文件格式有以下格式: 图片:png,jpeg,gif,bmp,包括 ...
vue 预览 word 文件 docx
安装 npm 依赖 npm i docx-preview@0.1.4 npm i jszip 预览在线地址文件 <template><div class="home&quo ...
前端在线预览PDF文件
如何在vue项目中预览PDF格式的文件需求:在vue3.x项目中预览pdf文件提供以下三种方案: 1.Vue-pdf:适用于vue2.x版本,vue3.x需要改一些源码(vue2.x项目极力推荐, ...
Django在线预览docx格式的word文档
Django在线预览docx格式的word文档第一步明确功能是:预览word的docx文件. 具体实现是:在Django的模板文件中,定义预览方法:read_word2html from pydo ...
springboot使用pdfjs预览office文件
由于springboot使用aspose预览office文件可以实现文件预览,但部分浏览器却不兼容,所以使用pdfjs预览office文件,兼容浏览器. 在springboot使用aspose预览of ...
springboot使用aspose预览office文件
springboot项目使用aspose预览office文件,运行实现预览效果: 主要实现原理是:浏览器可以直接预览pdf,所以使用aspose把office文件转换为pdf文件,进行预览. 1.主要 ...
H5 下载word文件时预览失败，提示无法预览此文件,它可能已损坏，有部分可可以查看预览
移动端H5下载文件功能时,发现部分word文件可以在线打开有些无法打开,提示"无法预览此文件,它可能已损坏": 但是在Pc端下载是可以正常打开的,移动端是不行. 代码如下: by ...
html如何找寻vue文件,如何预览vue文件
每天写个页面,都要配置脚手架,能不能像以前开发前端页面一样,写一个index.html,然后编写js,css,就可以在浏览器上运行了呢?可是我又不想舍弃vue,那么能不能全局搭建一个脚手架,供我来使用 ...
前端预览word文件_[装机必备] QuickLook —— 敲击空格即可快速预览文件
今天给大家推荐的软件是:QuickLook 你只需要选中文件,然后敲击空格,就可以快速预览文件内容 QuickLook 有三个版本:安装版.便携版.UWP 版作者对这三个版本的描述: *需要注意的 ...

vue3 预览docx文件

vue3 预览docx文件相关推荐

最新文章

热门文章