微信小程序wx.chooseImage和wx.uploadFile实现上传图片的问题

第一步：安全域名绑定，否则会上传失败报错等。

第二步：实现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');  
  
          },  
        })  
      }  
    })

其实微信小程序提供api接口很多，也很方便，希望大家多多研究互相学习。

模板简介：该模板名称为【微信小程序wx.chooseImage和wx.uploadFile实现上传图片的问题】，大小是，文档格式为.，推荐使用打开，作品中的图片，文字等数据均可修改，图片请在作品中选中图片替换即可，文字修改直接点击文字修改即可，您也可以新增或修改作品中的内容，该模板来自用户分享，如有侵权行为请联系网站客服处理。欢迎来懒人模板【小程序教程】栏目查找您需要的精美模板。