vue根据文件路径预览docx

it打工人_c

已于 2022-10-26 11:05:02 修改

阅读量1.2k

点赞数 1

分类专栏：前端预览文章标签： vue 前端

于 2022-10-26 11:02:08 首次发布

本文链接：https://blog.youkuaiyun.com/qq_44359081/article/details/127528559

版权

前端预览专栏收录该内容

1 篇文章

订阅专栏

该博客介绍了在前端开发中，使用Vue时引入插件的方法。具体是通过npm安装jszip和docx-preview插件，为前端开发提供了相关技术操作指引。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

直接是文件路径：https://127.0.1.1/filePath.docx

页面：

引入插件：npm i jszip

npm i docx-preview

方法：

seeDocx(file_url) {
    let xhr = new XMLHttpRequest();
    xhr.open("get", file_url, true);
    xhr.responseType = "blob";
    let that = this//onload this指向为window中转一下
    xhr.onload = function () {
        if (this.status === 200) {
            docx.renderAsync(xhr.response, that.$refs.preview);
        }
    };
    xhr.send();
},