首页 > 其他分享 >处理docx解析为Html格式

处理docx解析为Html格式

时间:2023-01-03 01:22:34浏览次数:43  
标签:docx arrayBuffer html xhr Html mammoth 格式 解析

处理docx解析为html格式
这里需要使用mammoth.js的依赖,以Vue中使用为例

npm install mammoth --save

data() {
    return {
        wordText: '', // 用来保存解析好的html格式内容的字符串
        wordUrl: 'http://.....' //远端资源请求地址
     }
},
methods: {
    getdoc() {
        const xhr = new XMLHttpRequest()
        xhr.open('get', this.wordUrl,true)
        xhr.responseType = 'arraybuffer' // 设置arrayBuffer响应数据格式
        xhr.onload = () => {
            // 转换为html格式,接收arrayBuffer数据
            mammoth.convertToHtml({
                arrayBuffer: new Uint8Array(xhr.response)
            }).then((resultObject) => {
                this.$nextTick(() => {
                  this.wordText = resultObject.value
                })
            })
        }
        xhr.send()
    }
},
mounted() {
    this.getdoc()
}

标签:docx,arrayBuffer,html,xhr,Html,mammoth,格式,解析
From: https://www.cnblogs.com/szq233/p/17020939.html

相关文章

  • java中的HashSet的add()方法解析
     HashSet的add()方法解析示例代码如下:【可用于后续的源码追踪】1publicclassHomeWork04{2publicstaticvoidmain(String[]args){3HashS......
  • HTML培训课程-------Day02(表格和框架)
    表格在网页中表格是一种经常使用到得设计结构,就像表格的内容中可以包含任何的数据,如文字、图像、表单、超链接、表格等等,所有在HTML中可以使用的数据,都可以被设置在表格中,所......
  • HTML5有哪些内容?
    什么是HTML5?HTML5是最新的HTML标准,是专门为承载丰富的web内容而设计的,并且无需额外插件,拥有新的语义、图形以及多媒体元素,提供的新元素和新的API简化了web应......
  • HTML/CSS
    HTML基本框架<!doctypehtml><html><head><metacharset="utf-8"><title>无标题文档</title></head> <body></body></html>段落标记:<p></p>预留格式(文本中......
  • JavaScript 预解析-变量预解析,函数预解析
    JavaScript预解析目录JavaScript预解析1.预解析2.变量预解析和函数预解析2.1变量预解析(变量提升)2.2函数预解析(函数提升)学习目标预解析变量预解析和函数预解析......
  • box1.html
    1<!DOCTYPEhtml>2<htmllang="en">3<head>4<metacharset="UTF-8">5<metahttp-equiv="X-UA-Compatible"content="IE=edge">6<metaname=......
  • jsdemo01.html
    <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>Title</title><scripttype="text/javascript">varx;......
  • HTML5新增type类型,HTML5新增属性
    ​ html5版本新增了很多类型,我们挑一些常用的进行展示:详细学习地址可以参照w3c进行学习:https://www.w3school.com.cn/html5/att_input_type.asp<!DOCTYPEhtml><htm......
  • HTML5新增type类型,HTML5新增属性
    ​ html5版本新增了很多类型,我们挑一些常用的进行展示:详细学习地址可以参照w3c进行学习:https://www.w3school.com.cn/html5/att_input_type.asp<!DOCTYPEhtml><htm......
  • m基于MATLAB-GUI的GPS数据经纬度高度解析与kalman分析软件设计
    1.算法概述经度纬度和高度来自GPS信号的中的GPGGA的数据。所以提取这三个信息主要是对GPGGA中的数据进行整理。GPGGA的数据格式如下所示:GPGGA是GPS数据输出格式语句,意......