word文档内容转为html展示在页面

最新推荐文章于 2024-02-02 10:19:12 发布

Oxygen97

最新推荐文章于 2024-02-02 10:19:12 发布

阅读量423

点赞数

分类专栏：开发文章标签： javascript 开发语言 vue.js

本文链接：https://blog.csdn.net/oxygenOnly/article/details/129681399

版权

开发专栏收录该内容

4 篇文章 0 订阅

订阅专栏

1.安装插件 npm install --save mammoth

2.引入插件 import mammoth from "mammoth"

// 3.根据文件地址请求后端返回文件流arraybuffer类型
lookFj(query) {
  return axios.get(`${baseUrl.apiUrl}/train/queryAnnex?` + qs.stringify(query), {
     responseType: 'arraybuffer'
  })
},
// 4.文件流通过插件转换为html格式
lookFj(accessUrl) {
    var vm = this;
    this.$request.lookFj({
        path: accessUrl
    }).then(res=> {
        mammoth
        .convertToHtml(
            { arrayBuffer: new Uint8Array(res)}
        )
        .then(function (resultObject) {
            vm.$nextTick(() => {
                vm.content = resultObject.value;
            });
        });
    }).catch(err=> {
    })
},
// 5.展示在页面
<div class="content" v-html="content"></div>