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属性  
            dataType: 'JSON', //返回值类型 一般设置为json
            success: function (data)  //服务器成功响应处理函数
            {
                console.log(data);
                $("#oldpic").attr("src", data);
                window.location.reload();  重新加载页面使更换的图片加载出来
            },
            error: function (data)//服务器响应失败处理函数
            {
                alert('dd');
            }
        }
    );
    return false;
}
 

你可能感兴趣的:(学习的坑,php)