兰州排队机
栏目导航
  1. 兰州触摸屏
  2. 企业文化
  3. 新闻中心
  4. 社区
  5. 银川排队机
  6. 银川广告机
  7. 银川触摸屏
  8. 西宁排队机
  9. 西宁广告机
  10. 兰州交互白板

兰州排队机

主页 > 兰州排队机 >

一文彻底搞懂前端实现文件预览(word、excel、pdf、ppt、mp4、图

发布日期:2022-04-21 03:08   来源:未知   阅读:

  澳门资料大全正版免费资料原标题:一文彻底搞懂前端实现文件预览(word、excel、pdf、ppt、mp4、图片、文本)

  找了网上的实现方案,效果看起来不错,放在下面的表格里,里面有一些是可以直接通过npm在vue中引入使用。

  通过workbook.getWorksheet方法获取到每一个工作表的数据,将数据处理成一个二维数组的数据

  通过settings属性,将一些配置参数和二维数组数据传入组件,渲染成excel样式,实现预览

  主要是通过jszip库,加载二进制文件,再经过一些列处理处理转换实现预览效果,实现起来比较麻烦,就不贴代码了,感兴趣的可以下载代码查看。

  主要介绍了word、excel、pdf文件实现预览的方式,前端实现预览最好的效果还是PDF,不会出现一些文字错乱和乱码的问题,所以一般好的方案就是后端配合将不同格式的文件转换成pdf,再由前端实现预览效果,将会保留文件的一些样式的效果,对于图片、txt文件的实现,感兴趣的可以看下代码。