头像编辑
来源:互联网 发布:labview软件下载 编辑:程序博客网 时间:2024/05/29 09:20
$("#imgId").mouseenter(function () { $(".zyBox").css("display","block") }) $(".zyBox").mouseleave(function () { $(".zyBox").css("display","none") })
<div class="zyBox" style="height: 170px; width: 100%; position: absolute; background: rgb(204, 204, 204); opacity: 0.5; display: none;" onclick="fnaddfile(this)"><div style="color:white;margin:30px;font-size: 15px;line-height: 98px;opacity:1">编辑头像</div></div>
JS//上传图片 function fnaddfile(obj) { var aac001=Base.getValue("aac001"); var aab001=Base.getValue("aab001"); if(aac001 || aab001){ $('#theFile').click(); }else{ Base.alert('请先保存人员基本信息','warn'); } } //上传图片 function fnfileChange() { ajaxFileUpload(); } //文件上传 function ajaxFileUpload(){ if(checkFile()){ Base.showMask(); $.ajaxFileUpload({ url: '${basePath}rsrc/common/rsrcUtilController!uploadHeadPortrait.do?dto.aac001='+Base.getValue('aac001'), //用于文件上传的服务器端请求地址 secureuri: false, fileElementId: 'theFile', dataType: 'text', //返回值类型 一般设置为json success: function (data, status) { Base.hideMask(); var returnData = formatDataJOSN(data); if(returnData.SUCCESS==true){ $("#imgId").attr('src',returnData.yac873);//照片存放路径 Base.msgTopTip("上传成功"); }else { $('#theFile').val(""); Base.alert("上传出错","error"); } }, error: function (data, status, e)//服务器响应失败处理函数 { Base.hideMask(); var returnData = formatDataJOSN(data); Base.alert("导入出现异常,请检查模板","error"); } } ) } }
阅读全文
0 0
- 头像编辑
- 编辑自己的头像
- 上传编辑头像
- 独立Discuz头像编辑模块
- 求教,ASP头像在线编辑
- 自定义控件 编辑和选取圆形头像
- Android6.0 权限后编辑头像功能
- ASP.NET使用Jcrop实现头像在线编辑保存
- Android入门--实现选择并编辑图片设置成头像
- 纳税服务系统【用户模块之日期组件、上传头像、编辑头像】
- 头像
- 头像
- 头像
- Cocos2d-x 3.x 头像选择器,本地相册与拍照+头像编辑功能(Android、IOS双平台实现)
- 强大的flash头像编辑上传插件(已更新至2.3)
- iOS调用相机和相册 并编辑保存到本地(个人中心设置头像)
- yii2.0 使用美图秀秀web开放平台进行头像编辑上传
- java springMVC SSM 操作日志 4级别联动 文件管理 头像编辑 shiro redis
- javascript调用微信或QQ扫一扫
- Maven的父子工程的创建
- IT行业的风投之路
- socket编程---send函数&recv函数详解
- Intersection of Two Arrays
- 头像编辑
- 定时器的设计
- 设计模式学习(四)
- 机器学习时代,运营人如何提高不可替代性?
- oracle 删除级联树形结构数据
- go语言连接本地数据库
- 03.存储管理器实验
- datagrid中idField的作用
- 使用Vue构建Ionic混合APP系列教程(一):Vue语法 vs Angular语法