精华内容
下载资源
问答
  • android修改头像

    2017-06-23 09:11:39
    用户登录注册,或者修改头像,调用系统相机,或从相册中修改头像
  • javascript 修改头像

    2011-07-04 21:04:53
    js 修改头像 js 修改头像 js 修改头像 js 修改头像
  • 修改头像$axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };$axure.utils.getOtherPath = function() { return 'resources/Other.html'; };$axure.utils....

    

    修改头像

    $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'; };

    u6.svg

    u7.svg

    u6.svg

    u9.svg

    u7.svg

    u11.svg

    u12.svg

    登录

    首页

    设备

    u19.svg

    我的

    u22.svg

    报修

    u25.svg

    保存

    u846.svg

    返回

    u71.svg

    一键复制

    编辑

    Web IDE

    原始数据

    按行查看

    历史

    展开全文
  • 圆形头像及选择相册相机修改头像
  • android-修改头像

    2016-10-22 14:12:50
    5分钟完成修改头像功能
  • 今天小编就为大家分享一篇在laravel5.2中实现点击用户头像更改头像的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • 修改头像为圆形

    2017-01-16 16:31:31
    修改头像为圆形,添加裁剪功能
  • 主要介绍了Django+JS 实现点击头像即可更改头像的方法示例,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
  • vue 更改头像功能实现

    2018-06-21 18:55:58
    vue 更改头像功能实现的代码,一个简单的HTML文件,直接引用vue文件进行编写
  • 主要介绍了vue更改头像功能实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
  • uniapp修改头像

    千次阅读 2020-06-12 18:25:50
    uniapp 修改头像过程,适用于上传图片,且做了限制

    以下将是 uniapp 借用七牛云修改头像的代码,但是其他也可借鉴,原理相同,局部更改即可。
    以下代码用到的地址皆为七牛云的地址,上传图片很方便,会给你返回图片地址,个人用户注册账号后建立一个存储空间,可免费使用30天,后期换成公司的就好了。

    注: 七牛云空间地址必须是公开,否则无法显示

    (1)html,一个默认图片和一个修改后的图片

    <image v-if="avarShow" :src="avar" mode=""></image>
    <image v-else src="../../static/user/head.png" mode=""></image>
    

    (2)js

    data() {
    	return {
    		imgToken: '',	// 本地图片上传到七牛云会返回一个图片路径,需要传图片 token
    		avar: '',	// 修改后的图片路径
    		avarShow: false,	// true 时显示修改后的图片
    		userId: ''	// 用户 id,看接口需求
    	}
    },
    methods: {
    	// 修改头像
    	updateAvar(way) {
    		const {imgToken,userId} = this
    		uni.chooseImage({
    			count: 1,	// 头像只上传1张
    			sourceType: [way],	// way是点击时传入的打开方式相机或相册
    			success: async (chooseImageRes) => {
    				//获取头像token的接口
    				const data = await this.$api.api.user.getImgToken();
    				
    				const tempFilePaths = chooseImageRes.tempFilePaths;
    				uni.uploadFile({
    					url: 'https://upload-z2.qiniup.com/',	// 上传地址(七牛云)
    					filePath: tempFilePaths[0],
    					name: 'file',
    					formData: {
    						token: data.data.body, //头像token,参考返回数据
    						key: chooseImageRes.tempFiles[0].name // 图片名,移动端可能不存在name,可修改为 key: new Date().getTime()+".png" 随机
    					},
    					success: (uploadFileRes) => {
    						// console.log(uploadFileRes);是一个字符串
    						const data = JSON.parse(uploadFileRes.data)
    						// 上传头像接口(参数根据自己的来)
    						this.$api.api.user.updateHead({
    							"creator": this.$store.state.loginName,	//上传者
    							"headPath": "http://qapxsiqga.bkt.clouddn.com/"+data.key,	// 图片最终的路径,http://qapxsiqga.bkt.clouddn.com/是七牛云空间地址
    							"userId": userId
    						}).then(res=>{
    							console.log(res)
    							this.avar = "http://qapxsiqga.bkt.clouddn.com/"+data.key	// 存入修改后的头像
    							this.avarShow = true	// 显示修改后的头像
    						})
    					}
    				});
    			}
    		})
    	}
    }
    

    最后记得获取用户信息,将获取到的头像赋值给 avar,这样一进来就是你换过的头像了,但我们大多数情况都需要限制图片大小和格式,其实很简单,在 uni.chooseImage 的成功函数 success 中添加如下代码:

    //此处只适配了 app 和小程序,h5 返回的 tempFiles 不一样
    // #ifndef H5
    	const tempFiles = chooseImageRes.tempFiles;
    	for(var i=0;i<tempFiles.length;i++) {
    		var size = tempFiles[i].size;
    		var path = tempFiles[i].path;
    		var formatImage = path.split(".")[(path.split(".")).length - 1];
    		console.log("图片格式" + formatImage)
    		if (formatImage != "png" && formatImage != "jpg" && formatImage != "jpeg") {
    			return this.$u.toast('只能上传.png、.jpg、.jpep 格式')
    		}
    		if (config.IMG_SIZE < size) {
    			return this.$u.toast('图片大小限制:' + (config.IMG_SIZE / 1000 / 1024) + "MB")
    		}
    	}
    // #endif
    

    好了,不知道有没有帮到您,仅供参考!

    展开全文
  • 模仿微信修改头像的自定义相册,拍照与图库一体,选完照片进入裁剪一条龙 模仿微信修改头像的自定义相册,拍照与图库一体,选完照片进入裁剪一条龙 模仿微信修改头像的自定义相册,拍照与图库一体,选完照片进入...
  • [J2EE 修改头像]使用commons-fileupload,uploadify和Jcrop实现修改头像
  • 通过企业微信获取token后,实现上传用户图片文件,并通过后台修改头像
  • Android修改头像上传

    热门讨论 2015-06-15 12:39:22
    Android修改头像上传系统相册和拍照上传图片
  • layui修改头像功能

    千次阅读 2020-04-08 17:11:44
    场景大概是用户点击修改头像,会显示一个弹出框,展示当前系统所有图片,用户选择了一张之后,就会覆盖原有的那一张,注意,不能照搬,要自己调试修改的,因为每个公司重新都封装了layui 代码 HTML部分代码 <div...

    前言

    场景大概是用户点击修改头像,会显示一个弹出框,展示当前系统所有图片,用户选择了一张之后,就会覆盖原有的那一张,注意,不能照搬,要自己调试修改的,因为每个公司重新都封装了layui

    代码

    HTML部分代码

    	<div class="form-group">
    	<label class="col-sm-2 control-label"></label>
    	<div class="col-sm-10">
    		<i class="fa fa-plus"></i> <span onclick="getHeaders()" style="color: red">修改头像</span> <i class="fa fa-close"></i>
    	</div>
    </div>
    <div class="form-group">
    	<label class="col-sm-2 control-label"></label>
    	<div class="col-sm-10">
    		<div id="headerImgShow"><img src="${defaultSetting.url}" style="width: 50px;height: 50px"></div>
    	</div>
    </div>
    <div id="headerImg"></div>
    

    JS部分代码
    ajax请求的封装自己修改

    var fileIndex
    function getHeaders () {
        //提交信息
        var ajax = new $ax(Feng.ctxPath + "/header/getHeaders", function (data) {
                var str = '';
                for (let i =0 ;i< data.length;i++){
                    str += '<img src="'+data[i].url+'" width="100px" height="80px" style="padding-left: 10px" οnclick=img("'+ data[i].id+'","'+data[i].url+'") >';
                }
                $('#headerImg').hide();
                $('#headerImg').html("");
                $('#headerImg').append(str);
            fileIndex = layer.open({
                    type: 1,
                    title: '选择图片',
                    area: ['600px', '360px'], //宽高
                    fix: false, //不固定
                    maxmin: true,
                    content: $('#headerImg')
                });
            }, function (data) {
                Feng.error("请求失败!" + data.responseJSON.message + "!");
            });
             ajax.start();
    };
    
    function img(id,url){
        $('#headerId').val(id);
        $('#headerImgShow').html('<img src="'+url+'" width="50px" height="50px">');
        layer.close(fileIndex);
    }
    
    展开全文
  • font-awesome.min.css ... content: '\f030\A修改头像'; white-space: pre; position: absolute; left: 0; right: 0; top: 0; bottom: 0; color: #eee; background: rgba(0, 0, 0, 0.85); ...

    在html页面引入

    font-awesome.min.css

    #userCenterPic1 span:hover::after {
        content: '\f030\A修改头像';
        white-space: pre;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        color: #eee;
        background: rgba(0, 0, 0, 0.85);
        font-family: FontAwesome;
        font-size: 8px;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        cursor: pointer;
        line-height: 40px;
        border-radius: 50%;
        text-align: center;
    }

    展开全文
  • 点击头像,打开图片文件夹或拍照更改头像 demo
  • android修改头像并同步服务器

    热门讨论 2014-03-05 11:48:04
    android应用,实现修改头像功能,上传服务器同步
  • csdn修改头像没变化

    千次阅读 2018-03-04 16:52:19
    不知道是不是csdn网站的技术人员写的代码逻辑有漏洞还是什么原因的,更改头像后没有更新缓存信息,所以导致头像似乎没有改动。解决方法:把浏览器的缓存数据删掉就正常了。这里有个链接,修改各种浏览器缓存数据的...
  • android修改头像以及上传头像

    千次阅读 2018-11-30 21:25:25
    实际开发中的功能,本地选择图片或者拍照,然后裁剪作为头像,这里做一下总结。 直接看demo效果图: 源码地址:https://download.csdn.net/download/gengbaolong/10959592 附:上传头像代码逻辑--------------...
  • .net 修改头像flash源码

    2011-12-27 15:47:58
    这个是我自己做网站的时候做用户中心修改头像的时候用的源码。个人感觉的确很好用,而且界面还很漂亮。还有视频拍照功能。很好用的修改用户头像的源码
  • 本篇文章主要介绍了node简单实现一个更改头像功能的示例,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
  • html5点击修改头像上传图片裁剪代码 html5点击修改头像上传图片裁剪代码
  • dockerhub修改头像

    2019-06-02 19:08:11
    今天抽空在dockerhub上注册了一个账号,但是找了半天没有找到修改头像的地方。这就很伤感了。 百度了下发现dockerhub的头像是是需要在Gravatar这个网站上面上传的。传完之后会自动同步到dockerhub上。 所以用注册...
  • QQ操作弹出更改头像框窗口,弹出框使用透明底色,底部弹出动画。
  • 一切从简... 前端页面 <template> 显示头像 ...img v-bind:src='"../../../static/uploads/"+... 修改头像 @change是上传文件时点击确定的一刻触发,$event是事件对象 <input type="file" @chang...
  • 功能要求:界面上定义一个ImageView,用来显示头像,然后该头像可以通过相册或者相机来更改,也就是我们平常看到的类似QQ或者微信来更改头像的功能1.从相册选取照片来更改头像Intent intent = new Intent(Intent....

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 52,044
精华内容 20,817
关键字:

修改头像