位置: IT常识 - 正文

如何在vue中实现文件预览功能(vue实战技巧)

编辑:rootadmin
如何在vue中实现文件预览功能 文件流

推荐整理分享如何在vue中实现文件预览功能(vue实战技巧),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:vue中key,vue怎么实现的,实现vuex,如何在vue中实现数组求和,如何在vue中实现数组求和,vue 实现,如何在vue中实现地图,如何在vue中实现数组求和,内容如对您有帮助,希望把文章链接给更多的朋友!

如何将各种文件的文件流(blob)转化为线上可以直接预览的数据,这里简单介绍四种不同类型的文件预览。分别是pdf,docx,xlsx,jpg/png/jpeg等。有一个事情是需要重点注意的,文件流必须保证能够被正常下载解析后才可以支持预览,否则以下使用的各种插件都可能会产生报错。(需着重关注文件加解密后文件是否会出现损坏的问题)

如何在vue中实现文件预览功能(vue实战技巧)

以下是从后端获取到的文件流形式:

docx的预览

通过借助插件docx-preview实现。

① 首先安装该插件

npm install docx-preview

② 引入对应包

import { renderAsync } from 'docx-preview';

③调用函数,解析docx文件

renderAsync(res.data, document.getElementById("preload_box"), null, { className: "docx", // 默认和文档样式类的类名/前缀 inWrapper: true, // 启用围绕文档内容渲染包装器 ignoreWidth: false, // 禁止页面渲染宽度 ignoreHeight: false, // 禁止页面渲染高度 ignoreFonts: false, // 禁止字体渲染 breakPages: true, // 在分页符上启用分页 ignoreLastRenderedPageBreak: true, //禁用lastRenderedPageBreak元素的分页 experimental: false, //启用实验性功能(制表符停止计算) trimXmlDeclaration: true, //如果为真,xml
本文链接地址:https://www.jiuchutong.com/zhishi/285148.html 转载请保留说明!

上一篇:el-upload实现上传文件并展示进度条(el-upload上传文件大小限制)

下一篇:VUE项目中优雅使用EasyPlayer实时播放摄像头多种格式视频(vue中的...)

  • 一般纳税人申报纳税的流程
  • 企业为员工代扣代缴个人所得税分录
  • 6个点税如何计算方法
  • 增值税进项税额加计抵减政策
  • 短期借款的实际资金成本
  • 固定资产的入账
  • 总分机构是什么
  • 员工拓展活动方案范文
  • 一般纳税人差额征税申报表怎么填
  • 减免税金需要计提吗
  • 员工离职如何申请赔偿
  • 工业企业外购存货的入账价值一般包括增值税吗
  • 城市生活垃圾处理收费管理办法
  • 应收账款多收的钱怎么写分录
  • 企业纳税总额包含哪些
  • 资本溢价公积金计算公式
  • 预缴纳税申报怎么报
  • 增值税小规模纳税人适用3%征收率
  • 开通分期付款
  • 资产减值准备如何转销
  • 发票红冲作废是什么意思
  • 小规模给个人开普票怎么填写
  • win11家庭版怎么激活
  • 在windows7提供了一种什么技术
  • 上一年度的费用能入今年账吗
  • 金融工具减值会影响什么
  • 便秘怎么办 女性
  • 帝国cms移动端
  • 房地产企业的沙盘模型制作费会计处理
  • 没有收入的情况下可以填成本吗
  • webssh github
  • 应收账款的定义和特点
  • 代订机票发票可以入账吗
  • php安装swoole扩展
  • 支付宝手机网站支付不风控
  • php引用返回用法怎么用
  • 仓库盘点单模板
  • ChatGPT火爆来袭,携手参与为开源助力
  • 域名续费多久生效
  • 抄税在报税前还是报税后
  • c++怎么创建文件夹
  • 银行利息增值税发票
  • 运营级别划分
  • 安装mysql5.1的步骤和方法
  • 会务费如何入账
  • 个人跑运输怎么开发票
  • 公司纳税信用等级B级是什么意思
  • 民办非企业免税政策
  • sqlserver2005属于
  • SQL 2005 ERROR:3145 解决办法(备份集中的数据库备份与现有的数据库不同)
  • 主营业务收入净额在哪个报表里面
  • 重分类调整的内容包括什么
  • 销售货物收入指企业销售什么取得的收入
  • 缴纳残保金会计分录怎么做
  • 营业外收入账务处理方法
  • 融资租赁收到的租金计入什么科目
  • 电子银行承兑汇票操作流程
  • 开公司如何选择行业
  • 242104 税控盘
  • 新手入门会计
  • 启用账簿时应在账簿上签名或盖章的是
  • mysql orch
  • win7登录不了系统界面
  • mac怎么共享wifi密码给iphone
  • fedora怎么用
  • 轻量级个人用linux桌面系统
  • win8 网络连接
  • mac如何搜索应用
  • win7彻底删除的文件怎么恢复
  • javascript运用
  • 微软企业官网
  • js写贪吃蛇什么水平
  • JavaScript—window对象使用示例
  • node.js基本语法
  • jquery的插件
  • javascript中var的作用
  • 税务局开展活动
  • 汽车购置税退税需要多长时间
  • 预缴的税额可以用留底抵扣吗
  • 为什么每个月总有几天
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设