小程序开发系列(九)文档下载与预览

在小程序中，有时数据中含有一些必要的文档需要下载，当我们与后端交互得到了文档的URL后，无法直接预览，需要将其下载，然后再预览。

UI代码如下

 <view bindtap='previewFile' data-url='{
  {doc.Url}}'>
      <label>文档:</label>{
  {doc.Name}}</view>

其中doc是后端返回的数据，内部包含了Url和Name两个字段。同时在View中绑定了一个下载文件的事件。

 previewFile: function (event) {
    var that = this;
    var url = event.currentTarget.dataset.url;
    if (url === undefined || url === null || url.length <= 0) {
      wx.showToast({
        title: 'URL为空',
      })
      return;
    }

    var index1 = url.lastIndexOf(".");
    var suffixName = url.substring(index1 + 1, url.length);//后缀名 
    if (suffixName === undefined || suffixName === null || suffixName.length <= 0) {
      wx.showTo