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

文档下载是很多app、尤其是企业app中常用的功能。

使用千语创想移动开发平台开发app时，可以使用api.download方法实现下载；预览文档可以使用superFile模块。

superFile模块封装了腾讯浏览服务TBS，使用X5Webkit内核，实现文件的展示功能，支持多种文件格式（PDF、Word、Execl、TXT、PPT)。

在项目中添加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>

千语创想移动低代码开发平台-千语创想，是用Web语言去开APP和小程序，多端开发框架，可视化操作，只需简单托拉拽就能完成APP开发，而且一次编码同时开发安卓、iOS、H5和小程序，这样将开发难度大幅降低，开发周期缩短将近一倍。此外，千语创想平台上有上千个各式各样的功能模块，一键调用方便去开发各类App。

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