您的位置:首页 > 其它

JQ 点击头像更换图片(仅是自己留个笔记,不建议参考哈!)

2018-02-05 08:56 197 查看
 一:引入两个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;
}

 
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐