uniapp：点击上传头像跳转到首页

已于 2023-05-19 10:55:58 修改
阅读量451 收藏
点赞数
分类专栏： uniapp 文章标签： 小程序 微信小程序
于 2023-05-19 10:02:15 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43601059/article/details/130760609
版权
当用户在小程序中尝试通过uni.chooseImage选择图片修改头像时，会出现无法成功修改并被意外跳转到首页的情况。原因是uni.chooseImage操作完成后触发了app.vue的生命周期函数，而该函数中含有跳转到首页的代码。解决方案是审查并调整app.vue中的生命周期函数逻辑，避免在不适当的时候执行首页跳转。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

场景：用户从分享页面进入小程序，使用uni.chooseImage选择图片修改头像的时候无法修改成功，会跳转到首页

解决： 

uni.chooseImage选择图片动作完成或关闭，会执行app.vue 生命周期函数，我的app.vue里面有跳转首页的代码。

uniapp+springboot实现图片上传服务器端
CSDN博客专家，系统架构师，有合作、疑惑请私信博主。
06-30 2321
uniapp springboot实现图片上传服务器,uniapp实现图片上传服务器,uniapp+springboot实现图片上传服务器.
uniapp+express前后端小程序获取头像和昵称和code，openid，小程序授权登陆最新教程（社区管理平台的小程序）
张羽的博客
02-27 1379
利用uniapp+express+mysql开发的社区管理平台，里面包含登陆模块，帖子模块，小区信息模块，个人信息模块，商户模块，购物模块。
uniapp实现第一次点击事件第二次点击事件元素变化和跳转
weixin_67434908的博客
03-20 679
首先第一次写的时候我把所有需要遍历的数据全部加了状态判断，等于true的时候我就跳转，等于false的时候我就让图片变大，把视图层的下标和整个数据全部拿过来了，我是这样写的。这次业务需求是当你第一次点击图片的时候变大，然后第二次点击的时候跳转，实现的时候踩了好多坑，特此记录一下。但是发现点击后全部的图片都会变大，于是就有了下面这种方法。
uni-app跳转页面的两种方式
weixin_47075952的博客
11-21 3330
在使用uni-app时，想在登录后跳转到index页面，使用uni.navigateTo结果报错，通过将uni.navigateTo替换为uni.switchTab，问题得到解决。在此对uni-app页面跳转的两种方式进行总结。
uni-app —— 点击跳转页面
月来better
08-13 1万+
点击按钮，跳转到另一个页面 页面路径 /pages/index/index.vue /pages/index/detail.vue <template> <view> <view class="btn-area"> <button @tap="goDetail">点击跳转到详情页面</button> </view> </view> </templ
uniapp 点击轮播图跳转商品详情页面
bbt953的博客
05-06 3145
view组件不能跳转，navigator可以，所以要把view换成navigator 原来的 <!-- 轮播图区域 --> <swiper class="swiper" :indicator-dots="true" :autoplay="true" :interval="3000" :duration="1000" :circular="true"> <swiper-item v-for="(item,i) in swiperList" :key="i"> &
解决uni-app+thinkphp6使用图片跳转到的页面
a646639956的博客
07-22 579
创建路由表 $table = $this->table("image_poster"); $table ->addColumn('img_src','string',array('limit'=>'100','comment'=>'图片地址')) ->addColumn('img_type','integer',array('limit'=>'11','comment'=>'图片类型，1为海报、2为推广图')) -
vue3+uniapp实现头像上传功能
fangqi20170515的博客
07-22 1108
代码】vue3+uniapp实现头像上传功能。
uniapp 上传头像图片传参不显示解决
zhangxy的博客
05-12 1954
解决前 解决后 需求描述：在uniapp 插件市场导入了仿微信裁剪头像的插件，但不同的是插件是在一个页面上传、裁剪和确认的。但需求是跟微信一样，点头像时上传，确定时回显。 问题描述：在确定回显时，图片不显示。在确定前后打印图片url路径发现一致，证明传参没有问题，最终定位到接收字符串有问题，超出了字符串限制最大长度使字符串发生了截断，故图片加载不出来 解决 跳转传参 uni.redirectTo({ url:'../my_info/my_info?url=' + encodeURICompon
uniapp更换头像利用本地存储实现
07-12
总结起来，就是通过uniapp提供的上传组件或拍照组件实现头像上传，将上传成功的图片保存到本地存储，并将图片路径存储到用户个人信息中，最后在需要显示头像的地方读取本地存储中的图片路径展示给用户。希望这个步骤...
uniapp开发微信小程序，button的open-type=“share“ 分享给个人跳转到首页问题
bobringtheboys的博客
10-15 784
当使用button标签带上open-type="share"属性，点击之后可分享当前页面给微信好友，但是分享之后朋友点开跳转到了首页问题。
【uniapp小程序】路由跳转navigator传参封装
热门推荐
qq_49002903的博客
11-29 4万+
在实际应用开发中我们经常要使用到路由跳转，在uniapp官网中，提供了navigator内置组件，供我们使用。navigator页面跳转。页面跳转。该组件类似HTML中的组件，但只能跳转本地页面。目标页面必须在pages.json中注册。该组件的功能有API方式，另见：https://uniapp.dcloud.io/api/router?属性说明属性名类型默认值说明平台差异说明urlString。
uni-app常用的两种页面跳转方式
wannafly1228的博客
07-17 2842
uni-app常用的两种页面跳转方式
uniapp跳转页面的所有方法
m0_62496369的博客
10-08 694
uniapp跳转页面的所有方法
uniapp开发微信小程序笔记13-uniapp中获取用户头像、昵称、图片上传（uni.uploadFile）、用户定位（uni.getLocation）
最新发布
wzy_PROTEIN的博客
01-13 841
在微信小程序的更新过程中，获取用户头像昵称的方式也一直在更新，之前使用的是uni.getUserProfile()方法弹出授权窗口直接获取，现在最新的版本是使用头像昵称填写时获取的方式
ios 微信小程序 chooseImage 相机拍照跳转页面崩溃
weixin_52014110的博客
11-28 2166
使用 chooseImage 相机拍照并跳转页面崩溃，使用 chooseMedia 替代可解决部分因内存占满导致的问题。
uniapp上传头像和最多上传9张demo效果(整理)
在北风吹起的时候加入我们的队伍 在秋雨到来的时候成为彼此的温暖
07-04 1935
uniapp上传头像
uniapp 跳转外部链接
耳朵
02-23 8998
项目上需要根据需求进行外部链接跳转 H5 window.location.href = `http://${jumpUrl}`; 移动端 plus.runtime.openURL(`http://${jumpUrl}`)
uniapp页面跳转的几种方法和区别
铁锤妹妹的博客
09-23 7521
保留当前页面，可跳转到非 tabBar 页面，使用uni.navigateBack可以返回到原页面（可传参
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值