乐于分享
好东西不私藏

uniapp实现文档预览

uniapp实现文档预览

我们在开发过程中, 也会遇到一些文件的预览, 比如一些word文件或者pdf格式的文件, 这里就需要用到uniapp的一些API了

大家可以详细阅读以下链接

https://uniapp.dcloud.net.cn/api/request/network-file.html#downloadfile

在uniapp中提供了一个uni.downloadFile(OBJECT)方法, 该方法下载文件资源到本地,客户端直接发起一个 HTTP GET 请求,返回文件的本地临时路径。

所以, 我们点击一个按钮, 调用一下该方法

我们将项目跑到微信开发者工具上, 打开调试器, 我们看一下网络请求

我们看一下本地临时路径的打印结果

获取到本地临时路径之后, 我们调用uniapp的另一个API, 将其打开

https://uniapp.dcloud.net.cn/api/file/file.html#opendocument

我们查看文档可以看到, 该方法新开页面打开文档,支持格式:doc, xls, ppt, pdf, docx, xlsx, pptx。

uni.openDocument({     filePath: filePath})

但是对于比较复杂的, 我们还是得用相对应的插件来进行文档的预览

最近使用命令行创建了一个uniapp项目, 导入ucharts时遇到了一些问题, 后面, 整理一下给大家写出来, 当时没有任何报错, 就是一直宽高为0, 最后, 还是从插件市场导入进来, 才解决的

今天, 我们就讲解到这里, 我们下期见

本站文章均为手工撰写未经允许谢绝转载:夜雨聆风 » uniapp实现文档预览

评论 抢沙发

9 + 5 =
  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
×
订阅图标按钮