vue纯前端预览docx、doc文件

对于docx文件，你可以使用第三方库`docx-to-html`来将docx文件转换为HTML格式，并在Vue中进行渲染。

首先安装`docx-to-html`库：

npm install --save docx-to-html

然后在Vue组件中引入该库并使用：

<template>
  <div v-html="html"></div>
</template>

<script>
import DocxToHtml from 'docx-to-html';

export default {
  data() {
    return {
      html: '',
    };
  },
  methods: {
    async previewDocx() {
      const file = this.$refs.fileInput.files[0];
      const reader = new FileReader();

      reader.onload = async (event) => {
        const content = event.target.result;
        const docxToHtml = new DocxToHtml();
        const html = await docxToHtml.parse(content);

        // 在Vue中渲染HTML
        this.html = html;
      };

      reader.readAsBinaryString(file);
    },
  },
};
</script>

对于doc文件，你需要先将其转换为docx格式，再使用上述方法进行预览。可以使用第三方库`mammoth`来进行docx和doc文件的相互转换，具体可参考`mammoth`库的文档。