MUI点击头像获取和替换

旧城等待， 2022-03-16 03:56 218阅读 0赞

<div class="images">
    	<div class="head">
    		<img id="photourl" src="img/default avatar_photo@3x.png" style="width: 44px;height: 44px;" />
    		<input type="file" name="" id="upimg" value="" style="border: 1px solid red;width: 70px;height:70px;opacity:0;position: fixed;left:20px;top:98px" onchange="change(this)" />
    	</div>
    </div>

//获取头像
    function getph(){
    	$.post(sysurl + 'home/my/getnickname', {}, function(data) {
    		console.log(JSON.stringify(data));
    		if(data.photoUrl=='null'||data.photoUrl==''||data.photoUrl==null){
    			dimg='img/default avatar_photo@3x.png';
    			$('#photourl').attr('src', dimg).attr('style','width: 44px;height: 44px;');
    			
    		}else{
    			$('#photourl').attr('src', data.photoUrl).attr('style','width: 70px;height: 70px;margin-top:0;border-radius: 50%;');
    			
    		}
    	})
    }

//点击头像打开相册上传
    function change(t) {
    	var file = t.files[0];
    	var reader = new FileReader();
    	reader.onload = function(e) {
    		var data = e.target.result; // 'data:image/jpeg;base64,/9j/4AAQSk...(base64编码)...'            
    		$(t).parent().find('img').attr('src', data).attr('style','width: 70px;height: 70px;margin-top:0;border-radius: 50%;');
    		
    		$.post(sysurl + 'home/my/uptitle', {
    			'txt':data
    		}, function(data) {})
    	};
    	reader.readAsDataURL(file);
    	
    }

发表评论取消回复

表情：

评论列表（有 0 条评论，218人围观）

还没有评论，来说两句吧...

相关阅读

相关【JavaFx基础】点击按钮获取姓名标签和头像图片

一、需求描述点击按钮，可以弹出文字和图片。二、程序及结果程序代码参考： package com.example.fxtest2; import j

￡神魔★判官ぃ/ 2023年10月11日 21:16/ 0 赞/ 11 阅读

相关 mui点击蒙版点击蒙版让其不自动关闭

var mask = mui.createMask(callback);//callback为用户点击蒙版时自动执行的回调； mask.show();//显示遮

水深无声/ 2023年08月17日 15:54/ 0 赞/ 317 阅读

相关 js 鼠标点击位置获取

event.offsetY/X 众所周知event.offsetX可以获取鼠标点击位置距包含元素的左边界距离今天做项目的时候需要用到距离就研究一番这一堆函数

本是古典何须时尚/ 2022年11月28日 15:29/ 0 赞/ 253 阅读

相关 CSS模糊效果、禁止点击、Vue获取点击元素

1.在Vue的点击事件中如何获取当前的点击的元素或是当前click事件绑定的元素。首先vue的点击事件是用 @click = “clickfun()” 属性在h

电玩女神/ 2022年10月01日 06:51/ 0 赞/ 254 阅读

相关获取ListView点击的Item

final ListView lv = (ListView) findViewById(R.id.ListView01); lv.setOnItemClickListe

﹏ヽ暗。殇╰゛Y/ 2022年08月23日 00:50/ 0 赞/ 250 阅读

相关获取联系人头像

首先设置需要获取的数据 private static final String\[\] PHONES\_PROJECTION = new String\[\] \{

比眉伴天荒/ 2022年06月16日 03:17/ 0 赞/ 262 阅读

相关 mui 点击底部菜单，显示不同的页面

效果： ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3N

素颜马尾好姑娘i/ 2022年04月17日 06:45/ 0 赞/ 274 阅读

相关 MUI点击头像获取和替换

<div class="images"> <div class="head"> <img id="photourl" src="img/defau

旧城等待，/ 2022年03月16日 03:56/ 0 赞/ 219 阅读

相关 MUI点击图片放大，再次点击关闭

css部分可自己创建.css文件，然后引入到html页面中使用。 .mui-preview-image.mui-fullscreen { position

秒速五厘米/ 2022年02月04日 01:39/ 0 赞/ 631 阅读

相关 MUI点击发送按钮后不关闭软键盘

概述首先我使用 return false 仍然会关闭软键盘使用的是MUI项目下的模板，精简了代码，没具体搞明白到底是如何实现不关闭软键盘的因为我照着敲，软键盘也

向右看齐/ 2021年10月19日 07:28/ 0 赞/ 502 阅读