通过nodejs来读取pptx内的图片

通过nodejs来读取pptx内的图片

月光魔力鸭

2020-12-24 00:51 阅读 132 喜欢 0 nodejs 读取pptx

为什么要读取图片呢?需求来源于这里。我有一大堆的ppt文件,里面全是图片,想将这些图片全部拿到,然后存储在数据库中,在线上预览,一张张的保存我自然是不乐意的。

找了一大堆文档都是读取pptx,没有读取ppt的怎么办,先转为pptx 吧,于是有了批量将ppt格式转为pptx格式的文章...

相关模块或文档

大体思路

其实高版本的pptx 也好,docx也好,本质上是一个压缩文件,我们完全可以将他的后缀改为rarzip 然后解压,就可以拿到里面的xml 或 资源文件,所以,思路就是将文档通过jszip 解压获取内部的文件,然后读取xml 找到对应的关系,然后将image读取出来进行保存。

实现代码

/**
 * 读取目录下的pptx 文件,并得到ppt的各个页面的截图数据,然后进行处理成为结构化数据。
 * @author chrunlee
 */
const JSZIP = require('jszip');
const fs = require('fs');
const path = require('path');
const xml2js = require('xml2js');
/**
 * 获取ppt内各个slide对应的图片路径,含多张图片
 * @param {Strin}} filePath pptx filepath
 */
function getSliders (filePath/**pptx filePath */,targetFolder) { 
  let data = fs.readFileSync(filePath)
  const zip = new JSZIP();
  return new Promise((r, j) => {
    //加载pptx数据
    zip.loadAsync(data).then(async zip => {
      let files = Object.keys(zip.files).filter(t => {
        return t.startsWith('ppt/slides') && path.extname(t) == '.rels';
      })
      //做文件名排序
      files.sort((a, b) => {
        let asq = path.basename(a).substr(0, path.basename(a).indexOf('.')).replace('slide', '');
        let bsq = path.basename(b).substr(0, path.basename(b).indexOf('.')).replace('slide', '');
        return asq - bsq;
      })

      let sliders = [];
      for (let file of files) { 
        //读取xml内容
        let content = await zip.file(file).async('string');
        let obj = await xml2js.parseStringPromise(content);
        //获取关联关系
        let relationship = obj.Relationships.Relationship;//[[]]
        let arr = relationship.filter(ship => {
          return path.extname(ship.$.Target) == '.jpeg' || path.extname(ship.$.Target) == '.png'
        }).map(ship => {
          return {
            id: ship.$.Id.replace('rId',''),
            filePath: 'ppt/'+ship.$.Target.substr(3)
          }
        }).sort((a, b) => {
          return a.id - b.id;
        })
        sliders.push(arr);
      }
      //将图片进行存储,并返回真实路径
      let fileArr = [];
      fs.mkdirSync(targetFolder, { recursive: true });
      for (let arr of sliders) { 
        let objarr = [];
        if (arr && arr.length > 0) { 
          for (let obj of arr) { 
            let stream = await zip.file(obj.filePath).async('nodebuffer');
            let realFilePath = path.join(targetFolder, path.basename(obj.filePath));
            fs.writeFileSync(realFilePath,stream);
            objarr.push({
              id : obj.id,filePath : realFilePath
            })
          }
        }
        fileArr.push(objarr);
      }
      r(fileArr);
    })
  })

}
(async function () { 
  let sliders = await getSliders('./蓝天空.pptx', 'd:/nodejs/toy/ppt转pptx读取/image/蓝天空/');
})();

通过读取ppt/slides/_rels/***.rels文件,来获得该slide中对应的图片,找到对应的关系,然后通过jszip来获得该图片数据流进行保存,思路很简单,主要还是对使用的模块的api不熟悉,找了不少资料。


仔细看ppt还会发现,有大部分ppt中一页有多张图片是拼接起来的...其实我是想讲多张图片合并为一张图片进行保存的。

当然,合并图片的就不在这里面写了,是另外一篇文章了,等我后续更新吧。 实现方式还是通过gm来进行合并,命令超级简单..就是安装费劲。

转载请注明出处: https://chrunlee.cn/article/nodejs-pptx-image.html


感谢支持!

赞赏支持
提交评论
评论信息 (请文明评论)
暂无评论,快来快来写想法...
推荐
在日常开发中,经常会频繁的做一些重复性的操作,作为一名程序员,解放双手的时刻到了
当我们想实现一个自己的库或模块后,发布的话,需要发布到npm上才能下载。以下是具体步骤
介绍几个日常开发中常用的几个小工具: anywhere / anywhere-auth / watchlessc / changeext
目前了解的有两个模块可以实现二维码的模块,一个是node-qrcode ,这个算是比较大众的,不过环境比较复杂,所以...连看都没看;还有一个是小众的 qr-image ,这个比较简单,没有其他环境依赖,安装即可用,因为要实现一个简单的在线二维码生成,就先用这个试试水了
对于开发来说,看到别人家的小程序都这么靓,这么顺畅,这么好用,用户又多... 自然是眼馋的..用户馋不来,可以先馋他的身子..啊不,代码啊。
今天写文章,突然发现自己常用的素材站换成了webp格式的图片.. 可惜本站还没准备加这个支持,所以准备加个webp转jpg的小功能,继续使用啦。
在开发项目过程中,经常需要将开发的项目部署到服务器上,但是每个环境都有每个环境的配置等等,如果每次打包的时候都要去调整(可能删除、替换等),那就很烦人了,这里分享下自己实现的几个简单的小工具(当然这个工具可能只对我自己有用),希望能够帮到你。
开始入手webpack ,直接看的官方文档和demo,对于自动刷新这部分还是希望通过express 加载插件来控制,但是文档没有提供,经过参考github上其他高玩的套路,最终整理了一个基础的配置版本。