php微信上传头像,微信小程序怎么上传头像
这次给大家带来的是微信小程序 上传头像的实例详解,最近在做微信小程序上传头像和上传照片功能就随手写一下代码,这篇文章就给大家好好分析一下。
上传头像html:
头像
JS代码// 切换头像
changeAvatar: function () {
var that = this;
// var childId = wx.getStorageSync("child_id");
// var token = wx.getStorageSync('token');
wx.chooseImage({
count: 1, // 最多可以选择的图片张数,默认9
sizeType: ['compressed'], // original 原图,compressed 压缩图,默认二者都有
sourceType: ['album', 'camera'], // album 从相册选图,camera 使用相机,默认二者都有
success: function (res) {
console.log(res.tempFilePaths + "修改页面")
var avatar = res.tempFilePaths;
that.setData({
avatar: avatar,
upAvatar:true
})
},
fail: function () {
// fail
},
complete: function () {
// complete
}
})
},
这是是调用上传头像uploadFile方法
// 上传头像
app.uploadimg({
url: 'URL地址',
path: avatar,
header: {
'Content-Type': 'multipart/form-data',
"Authorization": "Bearer " + token
},
isShow: false
});
上传头像代码uploadFile做了一个封装 代码放在APP.js里
//多张图片上传
uploadimg:function(data){
var that= this,
i=data.i ? data.i : 0,
success=data.success ? data.success : 0,
fail=data.fail ? data.fail : 0;
wx.uploadFile({
url: data.url,
filePath: data.path[i],
name: 'fileData',//这里根据自己的实际情况改
header: data.header,
formData: {
sequence:i+1
},
success: (resp) => {
success++;
console.log(resp)
console.log(i+"成功");
}
},
fail: (res) => {
fail++;
console.log('fail:' + i + "fail:" + fail);
},
complete: () => {
console.log(i);
i++;
if (i == data.path.length) { //当图片传完时,停止调用
console.log('执行完毕');
console.log('成功:' + success + " 失败:" + fail);
} else {//若图片还没有传完,则继续调用函数
console.log(i);
data.i = i;
data.success = success;
data.fail = fail;
that.uploadimg(data);
}
}
});
},
uploadFile 提交默认是post方法,后台给的接口的时候需要后台做成post
相信看了以上介绍你已经掌握了方法,更多精彩请关注php中文网其它相关文章!
相关阅读:
php微信上传头像,微信小程序怎么上传头像相关推荐
- 小程序获取不到用户头像和昵称返回微信用户问题解决,即小程序授权获取用户头像规则调整的最新解决方案
最近好多同学在学习石头哥小程序课程的时候,遇到了下面这样的问题,在小程序授权获取用户头像和昵称时,获取到的是下面这样的. 到底是什么原因导致的呢,去小程序官方文档一看,又是官方改规则了. 点进去一看, ...
- ios微信本地视频上传到服务器,小程序 ios上传视频的问题
微信小程序做了个视频上传的功能,上传视频到七牛云 安卓没有任何问题 ios就有问题了 ios下如果从相册选择视频上传之后提示上传成功了,但是跳转不了页面,但是如果直接拍摄的视频上传之后可以正常跳转页面 ...
- mpvue返回上一个页面_小程序返回上一页 - 芊芊一隅
这个有点像子-->父传值 第一步,在子页面点击上一步或者保存数据请求成功以后添加如下代码. 第二部,在父组件里的onshow生命周期里获取参数,对了,前提是需要你在data里建一个mydata对 ...
- 微信小程序直接上传文件到阿里云OSS组件封装
微信小程序直接上传文件到OSS 1. 封装公共方法 在根目录utils目录新建一个upload文件夹: // utils/upload/base64.jsvar base64EncodeChars = ...
- 上传声音 微信小程序_SpringBoot开发案例之微信小程序录音上传
前言 书接上回的<SpringBoot开发案例之微信小程序文件上传>,正常的业务流程是,口语测评需要学生通过前端微信小程序录入一段音频,通过调用第三方音频处理服务商进行评分,然后服务端对原 ...
- 微信小程序上传接口php,微信小程序API 上传、下载
微信小程序API 上传.下载 wx.uploadFile(OBJECT) 将本地资源上传到开发者服务器.如页面通过 wx.chooseImage 等接口获取到一个本地资源的临时文件路径后,可通过此接口 ...
- 微信小程序图片上传九宫格拖拽组件
微信小程序图片上传&九宫格拖拽组件 前言 图片上传加九宫格拖拽是一个比较常用的组件,常用于发帖或者评论等内容上传模块,我这篇九宫格拖拽的思路是借鉴了一款优雅的小程序拖拽排序组件实现这篇文章 实 ...
- 微信小程序:上传的图片显示旋转问题
问题? 开发中遇到微信小程序在上传照片后,会有一定概率旋转,查阅了资料之后,发现是和图片中携带的exif信息中的orientation这个参数有关. 小程序的页面实用webview渲染的,webvie ...
- 【微信小程序】上传文件到阿里云OSS
小程序上传文件到OSS也是利用OSS提供的PostObject接口来实现表单文件上传到OSS 步骤1:配置Bucket跨域访问 客户端进行表单直传到OSS时,会从浏览器向OSS发送带有Origin的请 ...
- 微信小程序视频上传组件直接上传至阿里云OSS
一.微信小程序视频上传组件示例 多视频上传功能,直传OSS,可以直接从OSS删除:组织接受以逗号分隔的视频url地址,自动列出多个视频,但点击上传按钮上传视频后,同样返回以逗号分隔的视频url地址. ...
最新文章
- 小明分享|sigmstar SSD201/SSD202 针对RGB的LCD屏配置操作说明分享
- 史上最详细的js日期正则表达式分享
- jakarta ee_Jakarta EE贡献–入门
- 【poj题集整理】【存下来并不会看】
- 设计模式学习笔记(3)装饰器
- 利用redis做次数限制的小结
- 手动搭建最基础的 Retrofit + OkHttp + RxJava
- linux 卸载 resin,卸载软件 - OpenRASP 官方文档 - 开源自适应安全产品
- android无线投屏到win,无线投影仪怎么连接,看过教程,原来操作这么简单!
- PHP判断PC浏览器与手机浏览器的方法
- 机器学习基本概念简介上
- ipc$与默认共享及ipc$连接失败的原因
- 2022Java面试笔记(上)
- 第五章-I/O设备管理 习题
- rono在oracle的作用_sqlnet.ora的作用
- PB调用http协议接口(WebAPI)
- 用晨曦记账本记账,设置背景、文字颜色
- 浮云人脸搜索软件最新版本上线,宣告人脸搜索又进一步
- 统信软件:第一份收入破亿的答卷
- CentOS网络配置文件中UUID参数释疑
热门文章
- PyQt之QSS美化
- 无盘服务器怎么安装驱动,无盘网吧的摄像头驱动安装的解决方案
- 华纳云:香港服务器哪家比较好?
- lae界面开发工具入门之介绍二--渲染组件篇
- 毕业季,既是告别,也是新的开始
- 爬取服务器主机信息,魔兽世界怀旧服,基于WclPlayerScore数据二次爬取的各服务器分层人口普查及精英玩家比例...
- 计算机系统基础实验2——bomb
- plor 回归的r方_新祥旭2022考研真题高频词汇背诵50天(十三)
- 什么是微前端及微前端优缺点
- Uiuc计算机博士面试时间,学霸分享:UIUC生物博士onsite面试经验