vite+vue3怎么预览doc、docx文件？

  • Z时代
  • 2024-02-07
  • 分类：IT

vite+vue3怎么预览doc、docx文件？

vite+vue3怎么预览doc、docx文件？

回答：

预览 doc、docx 跟 vue 没什么关系，这两种文件都是二进制的，需要专门的解码工具把它渲染成 html，任何框架都一样。

至于具体方案嘛，我没做过，不太确定，能搜到一个微软在线预览服务，需要提供一个可访问的地址：

<iframe src='https://view.officeapps.live.com/op/embed.aspx?src=http://remote.url.tld/path/to/document.doc' width='1366px' height='623px' frameborder='0'>This is an embedded <a target='_blank' href='http://office.com'>Microsoft Office</a> document, powered by <a target='_blank' href='http://office.com/webapps'>Office Online</a>.</iframe>

回答：

可以参考我的文章
https://kuangyx.cn/docs/%E6%9...

回答：

使用 docx-preview库 可进行预览。

使用方法可见：

<!--optional polyfill for promise-->
<script src="https://unpkg.com/promise-polyfill/dist/polyfill.min.js"></script>
<!--lib uses jszip-->
<script src="https://unpkg.com/jszip/dist/jszip.min.js"></script>
<script src="docx-preview.min.js"></script>
<script>
    var docData = <document Blob>;
    docx.renderAsync(docData, document.getElementById("container"))
        .then(x => console.log("docx: finished"));
</script>
<body>
    ...
    <div id="container"></div>
    ...
</body>

以上是 vite+vue3怎么预览doc、docx文件？ 的全部内容， 来源链接： utcz.com/p/937168.html

回到顶部