微信小程序 - 上传头像

// 上传文件

function uploadFile(url, filePath, name, formData, cb) {

wx.uploadFile({

url: 'https://www.lenfshion.com/projectmng/' + url,

filePath: filePath,

name: name,

header: {

'content-type': 'multipart/form-data'

}, // 设置请求的 header

formData: formData, // HTTP 请求中其他额外的 form data

success: function (res) {

if (res.statusCode == 200 && !res.data.result_code) {

return typeof cb == "function" && cb(res.data)

} else {

return typeof cb == "function" && cb(false)

}

fail: function () {

return typeof cb == "function" && cb(false)

}

})

}

changeImage: function () {

var that = this;

wx.chooseImage({

count: 1, // 默认9

sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图，默认二者都有

sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机，默认二者都有

success: function (res) {

// 返回选定照片的本地文件路径列表，tempFilePath可以作为img标签的src属性显示图片，只有一张图片获取下标为0

var tempFilePaths = res.tempFilePaths[0];

that.setData({

actionSheetHidden: !that.data.actionSheetHidden

});

// that.setData({

// infoFace: tempFilePaths,

// actionSheetHidden: !that.data.actionSheetHidden

// });

// 图片截取

wx.navigateTo({

url: '../upload/upload?src='+tempFilePaths+''

})

}

})

// 查看原图

viewImage: function () {

var that = this;

wx.previewImage({

current: '', // 当前显示图片的http链接

urls: [that.data.infoFace] // 需要预览的图片http链接列表

})

// 更换头像

actionSheetHidden: true, // 是否显示底部可选菜单

actionSheetItems: [

{ bindtap: 'changeImage', txt: '修改头像' },

{ bindtap: 'viewImage', txt: '查看头像' }

] // 底部可选菜单

// 点击头像显示底部菜单

clickImage: function () {

var that = this;

that.setData({

actionSheetHidden: !that.data.actionSheetHidden

})

// 点击其他区域隐藏底部菜单

actionSheetbindchange: function () {

var that = this;

that.setData({

actionSheetHidden: !that.data.actionSheetHidden

})

<action-sheet hidden="{{actionSheetHidden}}" bindchange="actionSheetbindchange">

<action-sheet-item bindtap="{{item.bindtap}}">{{item.txt}}</action-sheet-item>

</block>

<action-sheet-cancel class="cancel">取消</action-sheet-cancel>

</action-sheet>

if (this.data.isChooseImg){

uploadFile('appupload/upload', that.data.infoFace, 'img', {}, function (res) {

if (null != res) {

var obj = JSON.parse(res);

if (obj) {

faceImg = obj.pd.files[0];

if (faceImg) {

that.setData({

infoFace: imgUrl + faceImg,

isChooseImg:false

})

}

} else {

// 显示消息提示框

wx.showToast({

title: '上传失败',

icon: 'error',

duration: 2000

})

}

});

}

转载于:https://www.cnblogs.com/weiwentaweb/p/8097650.html

微信小程序 - 上传头像相关推荐

微信小程序上传头像和昵称持久化保存
微信小程序上传头像和昵称持久化保存 1. 持久化步骤因为通过微信头像昵称填写功能获取到头像是一个临时头像,这个url只能一段时间内在微信访问,并且无法在公网访问这个url.所以非常有必要把这个url ...
微信小程序上传头像先裁剪图片后上传
我是使用we-cropper.js插件实现的,下面是实现过程: 文件结构插件we-cropper.js /*** we-cropper v1.2.0* (c) 2018 dlhandsome* @l ...
小程序 php转excel,做微信小程序上传数据数据格式？-微信上传数据生成excle
做微信小程序上传数据数据格式? 建议找人专门制作设计好,专业的事情交给专业的人做,自己浪费时间还不一定能搞好如何把微信里的excel传到qq上 1.在手机中先箭头所示的"微信" ...
微信小程序上传文件到阿里OSS教程
前言 (一)开通OSS服务与新建Bucket 开通OSS服务这里省略,新建bucket. (二)设置Bucket属性,后台配置域名上传文件访问域名这里我们要在小程序后台配置上传域名(上面的域名是我 ...
微信小程序上传Excel文本文件功能
问题: 在开发过程中会发现微信小程序有很多功能都还不能满足我们的需求,谁叫客户就是上帝呢,前几天小编遇到了这么个问题,就是用微信小程序上传文件,但是还以为微信带有这个模块,可是查了许久还是没有找到,只 ...
微信小程序上传文件到自己的服务器
微信小程序上传文件到自己的服务器 1.建立 WebApi项目 (1)创建项目 (2)发布项目 2.后端接口代码 3.小程序端调接口 1.建立 WebApi项目 (1)创建项目选择菜单 "文 ...
微信小程序上传阿里云视频文件流程及代码
为了微信小程序客服端实现自拍视频能够分享给多个好友,我们需要把小程序自拍的视频存储到服务器,而阿里云在性能和速度上比较不错,所以我们选择了阿里云作服务器. 第一步.微信小程序项目创建 1. 到http ...
微信小程序上传后进行性手机扫码阅览发现白屏的解决
目录问题: 微信小程序上传后进行性手机扫码阅览发现白屏的解决 1.上传时没有勾选保护 2.请求的域名没有配置问题: 微信小程序上传后进行性手机扫码阅览发现白屏的解决 1.上传时没有勾选保护 ...
微信小程序上传组件（可同时长传图片+视频）
写了个微信小程序上传组件,同时支持上传视频+图片,并且可以返显. 废话不多说,上代码: upload.wxml <view class="clearfix"><v ...

微信小程序 - 上传头像

微信小程序 - 上传头像相关推荐

最新文章

热门文章