vue项目怎么用后端返回的文件流实现docx和pdf文件预览


本篇内容主要讲解“vue项目怎么用后端返回的文件流实现docx和pdf文件预览”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“vue项目怎么用后端返回的文件流实现docx和pdf文件预览”吧!大家先看一下实现的效果,分别是docx文件预览和pdf文件预览;原型是从一个table列表的操作中点击查看源文件,跳转到预览页面:docx文件预览pdf免费云主机域名文件预览(可实现翻页功能)首先安装docx-preview点击【查看源文件】在点击事件方法中,首先进行if判断文件类型,不同的文件类型走不同的逻辑,这里判断是否为.docx文件,然后进行路由跳转到文件预览页面,把id带过去;vueDocx.vue组件以上就是docx文件预览逻辑和代码,使用比较简单;首先安装vue-pdf然后新建一个vuePdf.vue组件,直接复制粘贴使用即可,样式可以根据自己需求修改,其他不用修改;点击【查看源文件】查看源文件方法到此,相信大家对“vue项目怎么用后端返回的文件流实现docx和pdf文件预览”有了更深的了解,不妨来实际操作一番吧!这里是百云主机网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!

相关推荐: React中如何使用RxJS优化数据

这篇文章主要介绍了React中如何使用RxJS优化数据流的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇React中如何使用RxJS优化数据流文章都会有所收获,下面我们一起来看看吧。Component 中 props 的变化用户在界…

免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。

(0)
打赏 微信扫一扫 微信扫一扫
上一篇 07/01 12:02
下一篇 07/01 12:03

相关推荐