微信小程序> 微信小程序实现文件,图片上传

微信小程序实现文件,图片上传

浏览量:526 时间: 来源:小江_

在我看来微信小程序的功能挺强大的,提供了很多API让你直接使用。

这里我说一下微信小程序如何实现图片的上传

1、在微信公众号平台设置uploadFile合法域名

点击设置-开发设置,可以看到服务器域名,点击修改,设置一下你的uploadFile合法域名。小程序

否则会出现以下错误。

小程序


2、使用wx.chooseImage和wx.uploadFile实现图片上传

代码如下

wx.chooseImage({      count: 1, // 默认9      sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图,默认二者都有      sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机,默认二者都有      success: function (res) {        // 返回选定照片的本地文件路径列表,tempFilePath可以作为img标签的src属性显示图片        var tempFilePaths = res.tempFilePaths;        wx.uploadFile({          url: 'https://...',      //此处换上你的接口地址          filePath: tempFilePaths[0],          name: 'img',          header: {              "Content-Type": "multipart/form-data",            'accept': 'application/json',            'Authorization': 'Bearer ..'    //若有token,此处换上你的token,没有的话省略          },          formData:{    'user':'test'  //其他额外的formdata,可不写          },          success: function(res){            var data=res.data;    console.log('data');          },          fail: function(res){            console.log('fail');          },        })      }    })

注:目前微信小程序还不支持base64图片上传




版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

最新资讯

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎