当前位置:   article > 正文

uniapp修改个人头像或是上传照片,或者自拍_uni-app 小程序 上传头像时编辑头像

uni-app 小程序 上传头像时编辑头像
  1. modufyimage(){
  2. const that = this
  3. uni.chooseImage({
  4. count: 1, // 最多可以选择的图片张数,默认9/这里可以限制照片数量
  5. sizeType: ['original', 'compressed'], //original 原图,compressed 压缩图,默认二者都有
  6. sourceType: ['album','camera'], //album 从相册选图,camera 使用相机,默认二者都有。如需直接开相机或直接选相册,请只使用一个选项
  7. success: function(res) {
  8. console.log(res)
  9. // const len = that.imageList.length
  10. uni.uploadFile({
  11. url: 'https://www.xxxxxx.com/CloudCareWeb/api/user/modifyAvatar', //仅为示例,非真实的接口地址
  12. filePath: res.tempFilePaths[0],
  13. name: 'upload',//这里注意修改成后端需要的字段
  14. formData: {
  15. userid: '1',
  16. token:"12455eeeeeet43233",
  17. },
  18. success: (uploadFileRes) => {
  19. console.log(that.$store.state.user,"10343")
  20. console.log(JSON.parse(uploadFileRes.data),"93")
  21. let res = JSON.parse(uploadFileRes.data);
  22. },
  23. fail: (e) => {
  24. console.log("网络请求fail");
  25. },
  26. complete: () => {
  27. //返回成功后调用后端返回的照片接口刷新头像
  28. console.log("网络请求complete");
  29. uni.hideLoading();
  30. uni.showToast({
  31. title: '上传成功!',
  32. icon: 'none'
  33. });
  34. }
  35. });
  36. }
  37. })
  38. },

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/小蓝xlanll/article/detail/287061
推荐阅读