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

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

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

 

在项目中添加superFile模块:

1.png

 

然后编译自定义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>

image.gif

目录
相关文章
|
机器学习/深度学习 自然语言处理 数据挖掘
【论文精读】TNNLS 2022 - 基于深度学习的事件抽取研究综述
【论文精读】TNNLS 2022 - 基于深度学习的事件抽取研究综述
|
移动开发 JSON 前端开发
跨域资源共享(CORS):详解跨域请求的限制与解决方法
跨域资源共享(CORS):详解跨域请求的限制与解决方法
|
Go
链接服务器 "(null)" 的 OLE DB 访问接口 "SQLNCLI11" 指示该对象没有列,或当前用户没有访问该对象的权限。
原文:链接服务器 "(null)" 的 OLE DB 访问接口 "SQLNCLI11" 指示该对象没有列,或当前用户没有访问该对象的权限。   SELECT * FROM OPENROWSET('SQLOLEDB', 'server=.
6448 0
|
JavaScript UED
【vue】iview组件 DatePicker 日期选择器如何显示默认当前日期
【vue】iview组件 DatePicker 日期选择器如何显示默认当前日期
535 1
|
开发框架 资源调度 JavaScript
uniapp本地导出表格excel
uniapp本地导出表格excel
1629 1
|
人工智能 运维 安全
现代网络安全挑战与运维策略
在当今数字化快速发展的环境中,网络安全面临着越来越复杂的挑战。本文探讨了现代网络运维中的关键安全问题,并提出了有效的策略和解决方案,帮助组织有效应对各种安全威胁。
|
XML Ubuntu 网络协议
OSS Python SDK
很多 oss 使用者在使用 Python SDK 时出现很多问题,不确定是否影响使用,有的安装失败环境有问题,今天说下遇到的几个案例 官方安装 pip install oss2 版本最好是 2.7.5 或以上 oss2 依赖 如果要开启 crc64 循环冗余校验,需要先将 crcmod 安装好。
OSS Python SDK
|
JavaScript 前端开发 安全
手把手教你用js实现手机通讯录功能(附源码)
手把手教你用js实现手机通讯录功能(附源码)
467 1
|
机器学习/深度学习 人工智能 文字识别
从图片提取文字的终极解决方法 ——【通用文字识别 API】
通用文字识别技术,也称为OCR(Optical Character Recognition,光学字符识别),就是一种将图像或扫描件中的文字识别出来并转化为可编辑、可搜索的数字化文本的技术。
1068 1
从图片提取文字的终极解决方法 ——【通用文字识别 API】
|
开发框架 安全 JavaScript
解密IIS服务器API跨域问题的终极解决方案
解密IIS服务器API跨域问题的终极解决方案
594 0