微信小程序上传图片(wx.chooseImage和wx.uploadFile)

 util.js

const TOKENNAME = 'Authori-zation';

/*
* 单图上传
* @param object opt
* @param callable successCallback 成功执行方法 data 
* @param callable errorCallback 失败执行方法 
*/
const uploadImageOne=function (opt, successCallback, errorCallback) {
  let count = opt.count || 1;
  let uploadUrl = opt.url || '';
  let inputName = opt.name || 'pics';
  wx.chooseImage({
    count: count,  //最多可以选择的图片总数  
    sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图,二者都有  
    sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机,二者都有  
    success: function (res) {
      //启动上传等待中...  
      wx.showLoading({
        title: '图片上传中',
      });
      wx.uploadFile({
        url: uploadUrl,
        filePath: res.tempFilePaths[0],
        name: inputName,
        formData: {
          'filename': inputName
        },
        header: {
          "Content-Type": "multipart/form-data",
          [TOKENNAME]: 'eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJddddduZ2h0aG91c2UuY24iLCJhdWQiOiJnZ2QubGluZ2h0aG91c2UuY24iLCJpYXQiOjE1ccccDUwOTQyNiwiZXhwIjoxNTk4NTIwMjI2LCJqdGkiOnsiaWQiOjU2LCJ0eXBlIjoicm91dGluZSJ9fQ.ljqIObvCQ7whRuBD37DLFGx8j1EmOTTl9iYUMBWMUTo'
        },
        success: function (res) {
          wx.hideLoading();
          if (res.statusCode == 403) {
            console.log(res.data);
          } else {
            var data = res.data ? JSON.parse(res.data) : {};
            if (data.status == 200) {
              successCallback && successCallback(data)
            } else {
              errorCallback && errorCallback(data);
              console.log(data.msg);
            }
          }
        }, fail: function (res) {
          wx.hideLoading();
          console.log('上传图片失败');
        }
      })
    }
  })
}

module.exports = {
  uploadImageOne: uploadImageOne
}

调用

//index.js
//获取应用实例
import {uploadImageOne} from '../../utils/util.js';

Page({
  data: {
   
  },
 
  onLoad: function () {
   
  },
  uploadImg: function(){
    let opt = {
      url: '上传图片的地址必须在uploadFile的合法域名列表中',
      count: 1
    };
    uploadImageOne(opt,function(res){
      console.log(res);
    });
  },
  
})

 

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值