修改个人信息html,编辑个人信息.html

转载 于 2021-06-03 18:33:49 发布 · 1.7k 阅读 · 0
文章标签：

#修改个人信息html

这篇博客介绍了如何在HTML页面中实现个人信息的编辑功能，包括更换头像、编辑名字和简介。用户可以在同一页面上进行操作，头像支持相机和相册选择，名字限制20个字符，简介限制300个字符，且都支持emoji。同时，文章提到了信息更新失败的提示机制以及上传头像的加载和错误处理状态。

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



编辑个人信息

$axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };

$axure.utils.getOtherPath = function() { return 'resources/Other.html'; };

$axure.utils.getReloadPath = function() { return 'resources/reload.html'; };

u726.png

u739.png

header_2_u741.png

3.2.1-编辑个人信息

u962.png

更换头像

u426.png

u635.png

u636.png

u416.png

返回

u638.png

林宥嘉

u639.png

u640.png

获得鲜花：1123人

u641.png

我喜欢极限体育，每周都会有直播哦，感兴趣

的可以关注我

u642.png

u643.png

直播我第一次挑战冲浪大赛~~

u644.png

3月23日  16:23分

u645.png

u646.png

u646.png

u649.png

(暂不做)

u610.png

观看记录

u651.png

u649.png

(暂不做)

u653.png

我过去的直播

u651.png

u655.png

12

u656.png

消息

u657.png

设置

u656.png

找好友

u656.png

粉丝

213

u656.png

订阅

12321

u661.png

3

u662.png

取消

u663.png

修改icon

u2894.png

u2896.png

u2897.png

u2897.png

u2899.png

拍照

u2900.png

从相册选择

u2899.png

取消

u962.png

编辑个人简介

u2773.png

u2904.png

u2905.png

我喜欢极限体育，每周都会有直播哦，感兴趣的可以关注我

u2906.png

u1541.png

u426.png

u635.png

u636.png

u416.png

返回

u638.png

林宥嘉

u639.png

u640.png

获得鲜花：1123人

u641.png

我喜欢极限体育，每周都会有直播哦，感兴趣

的可以关注我

u642.png

u643.png

直播我第一次挑战冲浪大赛~~

u644.png

3月23日  16:23分

u645.png

u646.png

u646.png

u649.png

(暂不做)

u610.png

观看记录

u651.png

u649.png

(暂不做)

u653.png

我过去的直播

u651.png

u655.png

12

u656.png

消息

u657.png

设置

u656.png

找好友

u656.png

粉丝

213

u656.png

订阅

12321

u661.png

3

u662.png

取消

u663.png

修改icon

u962.png

绑定第三方账号

u2940.png

1，所有的资料编辑都是在当前页面展现

2，点击头像支持相机，相册

3，名字和个人简介也是在当前页面弹出输入框和保存按钮

4，名字为20个字符，多余不可输入，支持emoji

5，简介300个字符(具体ui确定)多余不可输入，支持emoji

u2941.png

u1901.png

写下与众不同的你

u639.png

u2944.png

完成

u1155.png

36 / 61

u2946.png

点击完成如果信息同步失败需要给出toast提示

u2947.png

信息更新失败，请检查网络

u2944.png

完成

u2228.png

当内容为空时，完成按钮置灰，不可点击

u953.png

x

u2951.png

点击“x”不保存并关闭编辑状态

u962.png

更换头像失败

u426.png

u635.png

u636.png

u416.png

返回

u638.png

林宥嘉

u639.png

u640.png

获得鲜花：1123人

u641.png

我喜欢极限体育，每周都会有直播哦，感兴趣

的可以关注我

u642.png

u643.png

直播我第一次挑战冲浪大赛~~

u644.png

3月23日  16:23分

u645.png

u646.png

u646.png

u649.png

(暂不做)

u610.png

观看记录

u651.png

u649.png

(暂不做)

u653.png

我过去的直播

u651.png

u655.png

12

u656.png

消息

u657.png

设置

u656.png

找好友

u656.png

粉丝

213

u656.png

订阅

12321

u661.png

3

u662.png

取消

u663.png

修改icon

u2894.png

u2985.png

1，拍照/相册上传头像后此处显示loading

2，上传成功loading小时

3，上传失败loading小时弹出无网提示(失败重连时间为20秒)

u2941.png

u2987.png

u653.png

正在上传头像

u2989.png

一键复制

编辑

Web IDE

原始数据

按行查看

历史

评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值