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

目录
相关文章
|
存储 PHP 数据安全/隐私保护
Ueditor结合七牛云存储上传图片、附件和图片在线管理的实现和最新更新
最新下载地址: https://github.com/widuu/qiniu_ueditor_1.4.3 Ueditor七牛云存储版本 注意事项 老版本请查看 : https://github.com/widuu/qiniu_ueditor_1.
3145 0
|
3月前
|
前端开发 API
前端界面生成PDF并导出下载
【10月更文挑战第21天】利用合适的第三方库,你可以在前端轻松实现界面生成 PDF 并导出下载的功能,为用户提供更方便的文档分享和保存方式。你还可以根据具体的需求进一步优化和定制生成的 PDF 文件,以满足不同的业务场景要求。
|
4月前
|
移动开发 数据可视化 JavaScript
DIY官网可视化设计导出UNIAPP源码
DIY官网可视化设计导出UNIAPP源码
58 2
SublimeText配置Markdown编辑及预览
本文详细介绍了如何配置Sublime Text及相关插件,使之成为Markdown编辑器并且能够在浏览器中实现预览功能。
|
8月前
|
移动开发 JavaScript 前端开发
必知的技术知识:JqueryMedia插件使用,解决在线预览及打开PDF文件
必知的技术知识:JqueryMedia插件使用,解决在线预览及打开PDF文件
|
9月前
|
JavaScript Java
kkFileView在线文件预览与项目集成
kkFileView在线文件预览与项目集成
|
存储 iOS开发
超好用iOS管软件iMazing 2.16.6官网下载及2023新增功能
iMazing 2.16.6这是一款非常方便的 iPhone 管理工具,尤其是在升级、降级、越狱之前,做好备份是必不可少的一步,千万别偷懒。有一款用着顺手的iOS管理工具在手边,让数字生活更安心!
277 0
超好用iOS管软件iMazing 2.16.6官网下载及2023新增功能
|
JavaScript 前端开发
pdf.js插件使用记录,在线打开pdf
原文:pdf.js插件使用记录,在线打开pdf 天记录一个js库:pdf.js。主要是实现在线打开pdf功能。因为项目需求需要能在线查看pdf文档,所以就研究了一下这个控件。 有些人很好奇,在线打开pdf文档浏览器不是支持吗。
2569 0
使用APICloud实现文档下载和预览功能
使用 APICloud 开发 app 时,可以使用 api.download 方法实现下载;预览文档可以使用 superFile 模块。superFile 模块封装了基于腾讯浏览服务 TBS,使用 X5Webkit 内核,实现文件的展示功能,支持多种文件格式(PDF、Word、Execl、TXT、PPT)。
508 0