word文件预览

 

1. npm i docx-preview@0.1.4
2. npm i jszip

import axios from "axios";
import { renderAsync } from "docx-preview";
import JSZip from "jszip";
(window as any).JSZip = JSZip;

const open = (url: string) => {
    state.dialogVisible = true;
    axios({
        method: "get",
        responseType: "blob", // 设置响应文件格式
        url,
    }).then(({ data }) => {
        renderAsync(data, word.value); // 渲染到页面预览
    });
    return;
};