如何实现App文档下载和预览功能

文档下载是很多 app，尤其是企业应用中常用的功能。使用 千语创想 开发 app 时，可以使用 api.download 方法实现下载；预览文档可以使用 superFile 模块。superFile 模块封装了基于腾讯浏览服务 TBS，使用 X5Webkit 内核，实现文件的展示功能，支持多种文件格式（.pdf/.docx/.xlsx/.txt/.pptx等)。

在项目中添加 superFile 模块：

然后编译自定义 loader ，把自定义 loader 安装包安装到手机上，然后就可以使用 千语创想 Studio3 wifi 同步功能，把代码同步到自定义 loader 中进行调试。 参考教程：https://docs.qianyuthink.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>

千语创想-专业APP开发、app定制服务商，提供一站式移动应用解决方案，满足您的各类需求，欢迎免费评估需求和获取报价。

立即免费在线制作一个APP，新手注册即送开发大礼包

提交app定制需求，免费获取报价和周期：

电脑请点击https://www.qianyuthink.com/?url=/index?uzchannel=500

手机请点击https://www.qianyuthink.com/?url=/m/customizedservice?uzchannel=500