JQ 点击头像更换图片(仅是自己留个笔记,不建议参考哈!)
2018-02-05 08:56
197 查看
一:引入两个js :
二:算了上代码吧,说不清楚,只会用(
![](https://oscdn.geek-share.com/Uploads/Images/Content/201603/899229cfab2c02d614490485cabb781b.gif)
![](https://oscdn.geek-share.com/Uploads/Images/Content/201603/899229cfab2c02d614490485cabb781b.gif)
![](https://oscdn.geek-share.com/Uploads/Images/Content/201603/899229cfab2c02d614490485cabb781b.gif)
);
<script src="../common/js/layer/layer.js" type="text/javascript"></script> <script src="../common/js/ajaxfileupload.js" type="text/javascript"></script>
二:算了上代码吧,说不清楚,只会用(
![](https://oscdn.geek-share.com/Uploads/Images/Content/201603/899229cfab2c02d614490485cabb781b.gif)
![](https://oscdn.geek-share.com/Uploads/Images/Content/201603/899229cfab2c02d614490485cabb781b.gif)
![](https://oscdn.geek-share.com/Uploads/Images/Content/201603/899229cfab2c02d614490485cabb781b.gif)
);
$("#oldpic").click(function () { $("#file").click(); 获取到图片的元素 $("#file").on("change",function () { if($("#file").val().length>0){ ajaxFileUpload(); 如果图片的值大于0 直接调用 ajaxFileUpload(); } }) }) function ajaxFileUpload() { $.ajaxFileUpload ( { url: 'xxxx.php', //用于文件上传的服务器端请求地址 secureuri: false, //一般设置为false fileElementId: 'file', //文件上传空间的id属性 <input type="file" id="file" name="file" /> dataType: 'JSON', //返回值类型 一般设置为json success: function (data) //服务器成功响应处理函数 { console.log(data); $("#oldpic").attr("src", data); window.location.reload(); 重新加载页面使更换的图片加载出来 }, error: function (data)//服务器响应失败处理函数 { alert('dd'); } } ); return false; }
相关文章推荐
- js点击图片更换头像,input file
- cocos2d-iphone 点击菜单项更换菜单项图片,点击其他的还原原图片
- 点击头像单独把图片拉取出来.然后再次点击回到初始效果
- android高仿微信UI点击头像显示大图片效果
- 笔记-MFC更换鼠标图片
- 更换头像的逻辑代码,两个功能,一个是从图库选择,一个是打开相机自己拍照
- 学习笔记之——Android中的Picasso实现圆形头像、圆角图片工具类
- android高仿微信UI点击头像显示大图片效果
- js点击更换背景颜色或图片的实例代码
- 完成一个个人博客,博客头像可上传本地图片;部分图片实现点击看大图功能
- js点击更换背景颜色或图片的实例代码
- android高仿微信UI点击头像显示大图片效果
- 最最基础的java中的小概念,也相当于给自己做个笔记,仅供Java零基础的同学参考,水平有限欢迎批评指正。
- 微信公众号点击分享生成分享的图片,可以调整二维码,头像,昵称到背景图指定位置
- WPF学习笔记--图片点击旋转切换到另一张图片
- 接受导师的建议--自己做一个小的C项目---读取bmp格式图片(一)
- 点击链接更换图片和相应文本 childNotes nodeType nodeValue
- HTML自动播放的图片,点击更换
- iOS开发笔记:实现点击图片放大全屏
- android高仿微信UI点击头像显示大图片效果, Android 使用ContentProvider扫描手机中的图片,仿微信显示本地图片效果