vue 纯前端 word 转html

Cola-blog

已于 2023-10-31 16:21:59 修改

阅读量2.2k

点赞数

文章标签： vue.js 前端 javascript

于 2023-10-31 16:20:47 首次发布

本文链接：https://blog.csdn.net/lx6091543wwwcctv/article/details/134093217

版权

本文介绍了在Vue2项目中，如何通过`npminstallsavemammoth.js`安装并利用该插件将接受的.docx或.doc文件转换为HTML。作者展示了如何处理文件上传、文件类型检查以及使用Mammoth库进行转换的过程。

摘要由CSDN通过智能技术生成

vue2 安装 npm install -save mammoth.js ---word转换html插件
html代码用的vue ant-design-vue

 <a-upload name="file"  accept=".pdf,.doc,.docx" :before-upload="beforeUpload">
            <a-button>
              <a-icon type="upload" /> 选择 </a-button>
          </a-upload>

import  mammoth from 'mammoth';

 beforeUpload(file){
    if (!file) {
      return;
    }
    console.log(file+"input")
    let fileType = ['.docx','.doc']
       let { name } = file;
       let nameLen = name.length;
      let hzIndex = name.lastIndexOf(".");
      //获取后缀名
      let hz = name.substring(hzIndex, nameLen);
      if (!fileType.includes(hz)) {
        this.$message.warning({
          message: "注意:只支持docx格式的文档",
        })
        return false
      }
      console.log(hz);
      var that = this;

    
      var reader = new FileReader();
      reader.readAsArrayBuffer(file); 
      reader.onload = function (loadEvent) {
                console.log(loadEvent.target.result);
                var arrayBuffer = loadEvent.target.result;
               mammoth.convertToHtml({ arrayBuffer: arrayBuffer })
                    .then(
                      function (resultObject) {
                        setTimeout(function(){
                          that.agreeContent = resultObject.value
                        }, 300);
                        console.log(resultObject.value);//这个就是我们得到的html
					       }).done();
                
            };
    },