微信小程序把玩（三十一）wx.uploadFile(object), wx.downloadFile(object) API

微信小程序文件下载实践

最新推荐文章于 2024-12-19 15:51:13 发布

原创最新推荐文章于 2024-12-19 15:51:13 发布 · 1.7w 阅读

4 ·

CC 4.0 BY-SA版权

微信小程序把玩专栏收录该内容

40 篇文章

订阅专栏

本文介绍了使用微信小程序API进行文件下载的方法，通过具体实例展示了如何使用wx.downloadFile函数下载图片，并将其显示在页面上。

反正我是没有测通这两个API！！！！不知道用的方式不对还是其他的！！！先记录下回头再说。。。

主要方法：

wx.uploadFile(OBJECT)上传

这里写图片描述

wx.downloadFile(OBJECT)下载

这里写图片描述

wxml

<button type="primary" bindtap="listenerButtonDownLoadFile">下载图片</button>

<image src="{{resource}}" style="width:100%; height: 80%"/>

Page({
  data:{
    // text:"这是一个页面"
    resource: ''
  },
  onLoad:function(options){
    // 页面初始化 options为页面跳转所带来的参数
  },
  /**
   * 下载文件
   */
  listenerButtonDownLoadFile: function() {
      var that = this;
      wx.downloadFile({
          url: 'https://t2.27270.com/uploads/tu/201609/240/1mb2dybkw2x.jpg',
          type: 'image',
          success:function(res){
              console.log(res.tempFilePath);
              that.setData({
                  resource: res.tempFilePath,
              })
          },
          fail:function(err){
              console.log(err)
          },
          complete:function(e) {
              console.log(e)
          }
      })
  }
})