微信小程序选择图片，读取手机相册或者相册

//点击图片选择手机相册或者电脑本地图片
changeAvatar: function(e) {
var _this = this　　
wx.chooseImage({
count: 1,// 默认9
sizeType: ['original', 'compressed'],// 可以指定是原图还是压缩图，默认二者都有
sourceType: ['album', 'camera'],// 可以指定来源是相册还是相机，默认二者都有
success: function(res) {
// 返回选定照片的本地文件路径列表，tempFilePath可以作为img标签的src属性显示图片
var tempFilePaths = res.tempFilePaths;
//这里是上传操作
wx.uploadFile({
url: 'http://www.yiqiewang.com/uploadAvatarUrl', //里面填写你的上传图片服务器API接口的路径
filePath: tempFilePaths[0],//要上传文件资源的路径 String类型
name: 'avatar',//按个人情况修改，文件对应的 key,开发者在服务器端通过这个 key 可以获取到文件二进制内容，(后台接口规定的关于图片的请求参数)
header: {
"Content-Type": "multipart/form-data"//记得设置
},
formData: {
//和服务器约定的token, 一般也可以放在header中
'session_token': wx.getStorageSync('session_token')
},
success: function(res) {
//当调用uploadFile成功之后，再次调用后台修改的操作，这样才真正做了修改头像
if (res.statusCode = 200) {
// var data = res.data
// var statusCode = res.statusCode
// console.log("返回值1" + data);
// console.log("返回值2" + statusCode)
//这里调用后台的修改操作， tempFilePaths[0],是上面uploadFile上传成功，然后赋值到修改这里。
wx.request({
url: getApp().globalData.clientUrl + '/update?avatar=' + tempFilePaths[0], //真正修改操作,填写你们修改的API
header: {
'content-type': 'application/json',
},
method: 'POST',
success: function(res) {
if (res.data.code == 200) {
wx.showToast({
title: '修改成功',
icon: 'success',
duration: 2500
})

//wx.uploadFile自已有一个this，我们刚才上面定义的var _this = this 把this带进来
_this.setData({
"user.avatar": tempFilePaths[0]
});
}
},
})
}
}
})
}
})
},

微信小程序选择图片，读取手机相册或者相册相关推荐

微信小程序选择图片（相册中选择/相机拍摄）
微信小程序中关于选择函数有专门的函数: wx.chooseImage(Object object) 从本地相册选择图片或使用相机拍照. 参数 Object object 属性类型默认值必填说明 ...
微信小程序 - 选择图片、预览图片、删除图片
为什么80%的码农都做不了架构师?>>> 小程序开发中你可能会遇到上传的图片首先会选择图片之后预览看下或者不满意需要删除图片,才会提交吧,这样应该是一个比较好的处理方式. 微信 ...
微信小程序本地图片安卓手机不显示而苹果手机显示问题
关于微信小程序不显示图片通病可能有以下几个可能性: 非本地图片:确定图片资源存在,copy 图片url再浏览器打开,确定图片资源存在且能正常访问本地图片:确定相对路径或者绝对路径正确微信小程序图 ...
微信小程序选择图片和预览图片
作者>:燕潇洒视频中,老师也是看着官方文档,为学生们讲解,微信提供了系统的方法来选择图片. wx.chooseImage({}) 此方法是用来选择图片的方法,具体使用如下: data: {av ...
微信小程序——选择图片/拍照
昨天有同学问我微信选择图片/拍照怎么做,其实这个没啥坑,把API看懂了就会了:这里写个简单的使用例子. 使用的微信API: 1.选择图片:wx.chooseImage 2.图片全屏预览:wx.prev ...
微信小程序——选择图片，上传图片，点击查看大图，删除图片
Page({data: {images: [],count: 3, //设置最多三张图片},chooseImage: function () {var self = this;var images = ...
微信小程序预览服务器图片,微信小程序实现图片选择并预览功能
本文实例为大家分享了微信小程序实现图片选择并预览的具体代码,供大家参考,具体内容如下 (一).功能说明做的是一个意见反馈,用户发表意见和上传图片,限制了最多只能上传三张图片. 其他要点:textar ...
微信小程序裁剪图片成圆形
代码地址如下: http://www.demodashi.com/demo/14453.html 前言最近在开发小程序,产品经理提了一个需求,要求微信小程序换头像,用户剪裁图片必须是圆形,也在git ...
微信小程序实现图片是上传、预览功能
本文实例讲述了微信小程序实现图片上传.删除和预览功能的方法,分享给大家供大家参考,具体如下: 这里主要介绍一下微信小程序的图片上传图片删除和图片预览 1.可以调用相机也可以从本地相册选择 2.本地实现 ...

微信小程序选择图片，读取手机相册或者相册

微信小程序选择图片，读取手机相册或者相册相关推荐

最新文章

热门文章