JQ 点击头像更换图片(仅是自己留个笔记,不建议参考哈!)
一:引入两个js :
<script src="../common/js/layer/layer.js" type="text/javascript"></script><script src="../common/js/ajaxfileupload.js" type="text/javascript"></script>
二:算了上代码吧,说不清楚,只会用();
$("#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; }
JQ 点击头像更换图片(仅是自己留个笔记,不建议参考哈!)相关推荐
- 点击头像选择图片更换头像
效果图如下所示(视频再转格式的时候被挤变形了一点,各位童鞋将就一下,嘻嘻): 关键代码(html): <span class="headerSpan"><img ...
- AndroidStudio - - - 点击头像更换头像_菜单选择_相机拍照与相册获取
1. 逻辑代码 1.1 MainActivity 类 package com.example.myapplication;import android.Manifest; import android ...
- 【项目难点】实现微信小程序中点击头像更换头像
由于展示个人信息的时候需要放上个人头像,所以为了更好的用户体验要有修改个人头像的功能. 最开始,打算使用uview的upload组件,结果发现总是有右上角的关闭和下方的进度条,非常丑.想到正常的个人信 ...
- 实现点击鼠标更换图片
点击屏幕按钮,更换对应的图片功能实现 <!DOCTYPE html> <html lang="en"><head><meta charse ...
- php点击按钮更换图片,单击事件做个替换图片
实例 html> 使用事件给a标签添加的单击事件(结合循环遍历给a标签添加事件,达到点击就切换的效果)2019.05.08 .box { width: 500px; height: 700px; ...
- html 上传头像前预览以及点击头像去选择和更换头像
一般情况我们在html上传图片时都是通过input[file]选择图片,但是选择后并不能预览.今天碰到这样一个需求,先看图: 需求是: 1.选择图片不是点击input[file],而是点击用户图片 2 ...
- 个人中心html更换头像,html 上传头像前预览以及点击头像去选择和更换头像
一般情况我们在html上传图片时都是通过input[file]选择图片,但是选择后并不能预览.今天碰到这样一个需求,先看图: 需求是: 1.选择图片不是点击input[file],而是点击用户图片 2 ...
- JQuery实现点击图片更换图片
作为一位一直从事后端开发的码农,忽然开始接触前端的内容,真有点转不过来,还是来写点东西作为记录吧,也算是经验的积累了. 项目中上传图片功能完成后,运营同事说需要有更换图片的功能,便于图片排版,好吧,不 ...
- 开发一款可以点击头像图片打电话的安卓软件
本人是学java开发的,最近开始自学安卓开发,学习的初衷是想开发一款可以在安卓手机上点击头像实现打电话的功能.因为本人家庭是农村的,父母都是务农,大字不识一个,当今社会智能手机越来越流行,过年回家给爸 ...
最新文章
- [Bzoj4289]PA2012 Tax(Dijkstra+技巧建图)
- 多层陶瓷电容器用处_【科普】片状多层陶瓷电容器的封装方法,你了解吗?
- 解决MySQL Workbench导出低版本MySQL时报错Unknown table ‘column_statistics’ in information_schema的问题
- python scipy库函数solve用法_python scipy linalg.solve_banded用法及代码示例
- 网络安全与渗透测试工具导航
- bex5执行oracle语句,BeX5
- oracle集群如何搭建,Oracle集群搭建步骤.docx
- hget和get redis_Redis Hash 的 HSET、HGET、HMSET、HMGET 性能测试
- python抓取静态网页
- MathType公式编辑器数学公式、希腊字母和常用操作快捷键[待续ing]
- 这些好玩的例子,希望你也能喜欢
- Unity资源清理工具
- 中学生学习心理:学习心理
- rethinkdb_如何在Node.js应用程序中使用RethinkDB
- Training generative adversarial networks with limited data.
- 146.个性化推荐系统案例介绍
- GTX 295 VS C1060 矩阵乘法测试(cublas)
- C++和opencv实现图像分割(二)
- TEST1笔记 200408
- c语言项目实践--图书馆管理系统