微信小程序 -- API(文件的上传于下载) 09

请求服务器数据

wx.request:(发起请求访问api返回数据)
在这里插入图片描述

wx.request({
      url: 'http://www.baidu.com', //仅为示例,并非真实的接口地址
      data: {
        x: '',
        y: ''
      },
      header: {
        'content-type': 'application/json' // 默认值
      },
      success(res) {
        console.log(res.data)
      },
      fail:function(res){
        console.log(res.data)
      }
    })

wx.chooseImage(Object object)

在这里插入图片描述
使用手机的时候点击会弹出对应选择拍照或者相册

var that = this;
    wx.chooseImage({
      count: 1,
      sizeType: ['original', 'compressed'],//可以指定原图还是压缩图,默认二者都有
      sourceType: ['album', 'camera'],//可以指定来源是相册还是相机,默认二者都有
      success(res) {
        // tempFilePath可以作为img标签的src属性显示图片
        var tempFilePaths = res.tempFilePaths
        that.setData({ avatarUrl: tempFilePaths[0]})
      },
      //无论选择与否都会触发这个事件
      complete:function(){
        console.log("-----complete------")
      }
    })

wx.uploadFile(Object object)

在这里插入图片描述
在这里插入图片描述

wx.downloadFile({
  url: 'https://example.com/audio/123', //仅为示例,并非真实的资源
  success (res) {
    // 只要服务器有响应数据,就会把响应内容写入文件并进入 success 回调,业务需要自行判断是否下载到了想要的内容
    if (res.statusCode === 200) {
      wx.playVoice({
        filePath: res.tempFilePath
      })
    }
  }
})

wx.uploadFile(Object object)

在这里插入图片描述
在这里插入图片描述

wx.chooseImage({
  success (res) {
    const tempFilePaths = res.tempFilePaths
    wx.uploadFile({
      url: 'https://example.weixin.qq.com/upload', //仅为示例,非真实的接口地址
      filePath: tempFilePaths[0],
      name: 'file',
      formData: {
        'user': 'test'
      },
      success (res){
        const data = res.data
        //do something
      }
    })
  }
})
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值