文件预览(mpm i docx-preview -S)

369 阅读1分钟

好像只能预览 .docx 类型的文件(太菜了,没有深入研究,建议搭配文件下载一起使用)

<template>
    <input type="file" id="updateInput" @click="fileChagne" />
    <div id="file__container" />
</template>

使用前需要引入renderAsync()

import { renderAsync } from "docx-preview";
await renderAsync(blob, document.getElementById("file__container"));
let fileInput = document.getElementById('updateInput');
  fileInput.onchange = async (file) => {
        await renderAsync(fileInput.files[0], document.getElementById('file__container'));
      };