• 小程序 上传图片


    up_img: function() {
    let that = this;
    wx.chooseImage({
    count: 1, // 默认9
    sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机,默认二者都有
    success: function(res) {
    console.log('res', res);
    wx.showToast({
    title: '正在上传...',
    icon: 'loading',
    mask: true,
    duration: 1000
    });
    var tempFilePaths = res.tempFilePaths;
    that.setData({
    head_img: tempFilePaths[0]
    });

    console.log('tempFilePaths[0]', tempFilePaths[0]);

    const uploadTask = wx.uploadFile({
    url: httpUrl2 + '5a63444c41b45',
    filePath: tempFilePaths[0],
    name: 'file',
    header: {
    "Content-Type": "multipart/form-data"
    },
    formData: {
    //'file':
    },
    success: function(res) {
    var data = JSON.parse(res.data);
    console.log("data1", data);
    console.log("data1", typeof(data.data.Url));
    that.setData({
    head_img: data.data.Url
    });
    //do something
    },
    fail: function(res) {
    console.log("res", res);
    }
    });

    uploadTask.onProgressUpdate((res) => {
    console.log('上传进度', res.progress)
    console.log('已经上传的数据长度', res.totalBytesSent)
    console.log('预期需要上传的数据总长度', res.totalBytesExpectedToSend)
    })

    },
    fail: function(res) {
    console.log("接口调用失败");
    }
    })
    },
     
    这里我想说一下,小程序上传头像的后端写法跟公众号之类的的不同,如果上传不成功让后端看看小程序开发文档吧。
  • 相关阅读:
    shell学习(三)
    shell学习(四)
    自定义yum源
    fpm制作rpm包
    shell学习(三)
    shell学习(二)
    linux系统下创建lvm挂载到指定目录
    nginx做代理安装docker
    df -h命令卡死解决办法
    docker安装
  • 原文地址:https://www.cnblogs.com/wxx-17-5-13/p/9407510.html
Copyright © 2020-2023  润新知