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

最新推荐文章于 2025-07-12 21:34:06 发布

_学而时习之_

最新推荐文章于 2025-07-12 21:34:06 发布

阅读量4.1k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： Javascript 微信小程序文章标签：小程序微信 socket hang up

本文链接：https://blog.youkuaiyun.com/xxdddail/article/details/78443261

本文档介绍在微信小程序中如何处理文档下载与预览。当获取到文档URL后，由于小程序限制，需将域名配置到下载列表并使用HTTPS。部分手机对HTTPS版本支持不一，可能导致'socket hang up'错误，成为开发中的一个挑战。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在小程序中，有时数据中含有一些必要的文档需要下载，当我们与后端交互得到了文档的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.showToast({
        title: '无法从URL中解析出后缀名',
      })
      return;
    }
    suffixName = suffixName.toLowerCase();

    var imageSuffixArr = ["bmp", 'jpg', '