js 异步上传头像

       var img = $(".ys-tx-show img");
       //上传图片框选中图片显示
        $(".ys-upfile").change(function () {
            var file = $(this)[0].files[0];
            var imgSrc = $(this)[0].value;
            var url = URL.createObjectURL(file);
            if (!/\.(jpg|jpeg|png|JPG|PNG|JPEG)$/.test(imgSrc)){
                alert("请上传jpg或png格式的图片!");
                return false;
            }else{
                img.attr('src',url);
                img.css({'opacity':'1'});
            }
        })

        //异步图片上传
         $("#upload_img").click(function () {
             var url = "/user/upload.php"//设置提交url
             var file = document.getElementById("upFile").files[0];
             var formData = new FormData();
             if (file) {
                 formData.append("file", file);
             }
             var xhr = null;
             if (XMLHttpRequest) {
                 xhr = new XMLHttpRequest();
             } else {
                 xhr = new ActiveXObject("Microsoft.XMLHTTP");
             }
             //发送异步请求
             xhr.open("post", url, true);
             xhr.onload = function () {
                 var data = xhr.responseText;    //得到返回值
                 var result = $.parseJSON( data );
                 if(result.status){
                    $('.ys-user-tx-wrap').find('img').attr('src',result.face+'?'+Math.random());
                 }
                 alert(result.msg);
             }
             xhr.send(formData);
         })

评论

(= ̄ω ̄=)··· 暂无内容!

回复

您还未登录,请先登录或者注册