首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >APICloud 实现文档下载和预览功能

APICloud 实现文档下载和预览功能

原创
作者头像
APICloud官方
发布2022-06-20 10:35:40
7950
发布2022-06-20 10:35:40
举报

文档下载是很多app,尤其是企业应用中常用的功能。使用APICloud开发app时,可以使用api.download方法实现下载;预览文档可以使用superFile 模块。superFile 模块封装了基于腾讯浏览服务TBS,使用X5Webkit内核,实现文件的展示功能,支持多种文件格式(PDF、Word、Execl、TXT、PPT)。

在项目中添加superFile模块:

然后编译自定义loader ,把自定义loader 安装包安装到手机上,然后就可以使用APICloud Studio3 wifi 同步功能,把代码同步到自定义loader 中进行调试。 参考教程: https://docs.apicloud.com/Dev-Guide/Custom_Loader

实例代码如下:

<template>
	<safe-area>
		<scroll-view class="main" scroll-y>
			<view><text onclick='this.downloadDoc_open'>下载并打开文档</text></view>
		</scroll-view>
	</safe-area>
</template>
<style>
.main {
	width: 100%;
	height: 100%;
	background-color: #fff;
}
</style>
<script>
export default {
	name: 'test',
	data() {
		return {

		}
	},
	apiready() {

	},
	methods: {

		downloadDoc_open() {
			api.download({
				url: '',  // 填写要下载文档的url
				savePath: 'fs://myapp/test.doc',
				report: true,
				cache: true,
				allowResume: true
			}, function (ret, err) {
				if (ret.state == 1) {
					//下载成功
					console.log(JSON.stringify(ret));
					if (api.systemType == 'ios') {
						// ios  不需要初始化,直接open
						var superFile = api.require('superFile');
						superFile.open({
							path: ret.savePath,
						})
					}
					if (api.systemType == 'android') {
						console.log(2);
						var superFile = api.require('superFile');
						superFile.init(function (ret) {
							if (ret.eventType == 'onViewInitFinished') {
								superFile.open({
									path: ret.savePath
								})
							}
						});
					}
				}
			});
		}

	}
}
</script>

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
相关产品与服务
云开发 CloudBase
云开发(Tencent CloudBase,TCB)是腾讯云提供的云原生一体化开发环境和工具平台,为200万+企业和开发者提供高可用、自动弹性扩缩的后端云服务,可用于云端一体化开发多种端应用(小程序、公众号、Web 应用等),避免了应用开发过程中繁琐的服务器搭建及运维,开发者可以专注于业务逻辑的实现,开发门槛更低,效率更高。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档