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

目录
相关文章
|
4月前
|
小程序 索引 容器
微信小游戏制作工具中的滚动列表插件如何使用?
微信小游戏制作工具中的滚动列表插件如何使用?
62 1
|
API
【工具推荐】 Obsidian 插件 Obsidian to Flomo 一键同步内容到 Flomo 插件
Obsidian to Flomo 是一款可以一键发送内容到 Flomo 的Obsidian 插件。
659 0
|
1月前
|
前端开发 安全 应用服务中间件
Axure9官网网页的源代码篡改,自定义为个人开发使用
Axure9官网网页的源代码篡改,自定义为个人开发使用
|
2月前
|
iOS开发 开发者 索引
批量上传 iOS 应用程序截图的实用技巧
批量上传 iOS 应用程序截图的实用技巧
|
11月前
|
Python Windows
工具:语雀导出MarkDown文档后图片修复
工具:语雀导出MarkDown文档后图片修复
383 0
|
iOS开发 开发者 索引
批量上传iOS应用程序截图的实用技巧
提交iOS应用程序截图到iTunes Connect是一项非常繁琐的任务,因为你必须上传多达数十张屏幕截图,这是一个重复而枯燥的过程。但是,我们有一个好消息要告诉开发者们,现在有一个工具可以帮助你批量上传,方便快捷。
|
存储 运维 小程序
基于微信小程序云开发(统计学生信息并导出excel)4.0版(稳定版)
基于微信小程序云开发(统计学生信息并导出excel)4.0版(稳定版)
262 0
基于微信小程序云开发(统计学生信息并导出excel)4.0版(稳定版)
使用APICloud实现文档下载和预览功能
使用 APICloud 开发 app 时,可以使用 api.download 方法实现下载;预览文档可以使用 superFile 模块。superFile 模块封装了基于腾讯浏览服务 TBS,使用 X5Webkit 内核,实现文件的展示功能,支持多种文件格式(PDF、Word、Execl、TXT、PPT)。
408 0
|
Web App开发 JavaScript
【转载文章】智能媒体管理文档预览快速搭建 NodeJS 教程
针对智能媒体管理产品文档预览功能,提供 NodeJS 的端到端快速搭建教程,同时官网提供了视频。
1046 0

热门文章

最新文章