ajax上传图片的两种方式

原文地址：https://www.cnblogs.com/ailingfei/p/6744759.html
第一种formData
var formData = new FormData($( "#submitform" )[0]); 
$.ajax({  
         url: url,  
         type: 'POST',  
         data: formData,  
         async: false,  
         cache: false,  
         contentType: false,  
         processData: false,  
         success: function (msg) {  
             
            if(msg.status == 500 || msg.status == 0){
                alert(msg.message);
                 
             }else if(msg.status == 200){
                 $('#loading-hidden').hide();
                 var jump_url = msg.data.jump_url;
                 if(jump_url){
                     alert(msg.data.message);
                     window.location.href=jump_url;
                 }else{
                     alert(msg.message);
                     window.location.reload();
                 }
                 
             }
             
         },  
         error: function (msg) {  
             if(msg.status == 500){
                $('#loading-hidden').hide();
                 $('#big-modal-tip').html(msg.message);
                 $('#myModal').modal('toggle');
             }else if(msg.status == 200){
                 $('#loading-hidden').hide();
                 alert(msg.message);
                 window.location.reload();
             } 
         }  
    }); 

第二种方法 ： js获取图片的二进制文件提交

   /* 表单提交 */
    $('body').delegate('#sure-submit','click',function(){
        var avatar = $('#avatar-img-pre').attr('src');
        var cert_img = $('#cert-img-pre').attr('src');
        if(avatar == ''){
            $.alert('请上传头像');
            return false;
        }
        if(cert_img == ''){
            $.alert('请上传证书');
            return false;
        }
var url = '/weixin/html5/saveUserInfo';
        var data = {'avatar':avatar,'cert_img':cert_img}
        
        $.post(url,data,function(msg){
            if(msg.status == 500){
                $.alert(msg.message);
            }else{
                $('#form-zhezhao').show();
            }

        },'json');
    

    });

    /* 上传头像 */
    $('body').delegate('#avatar','change',function(){
        
        var file = document.getElementById("avatar").files[0];
        if(!/image\/\w+/.test(file.type)){  
            $.alert('看清楚，这个需要图片！');
            return false;  
        } 

        //$('.avatar-img').hide(); 
        var reader = new FileReader();  
        //将文件以Data URL形式读入页面  
        reader.readAsDataURL(file);  
        reader.οnlοad=function(e){ 
            var obj = $('#avatar-img-pre');
            obj.attr('src',this.result);
            obj.prev().hide();
            obj.show();
        }  

    });
    /* 上传证书 */
    $('body').delegate('#cert_img','change',function(){
        
        var file = document.getElementById("cert_img").files[0];
        if(!/image\/\w+/.test(file.type)){  
            $.alert('看清楚，这个需要图片！');
            return false;  
        } 
        var reader = new FileReader();  
        //将文件以Data URL形式读入页面  
        reader.readAsDataURL(file);  
        reader.οnlοad=function(e){ 
            var obj = $('#cert-img-pre');
            obj.attr('src',this.result);
            obj.prev().hide();
            obj.show();
        }  

    });

 //服务器端代码无压缩上传
    function uploadnothumb($img,$ext='jpg',$uid=0,$do=1){
        $img = base64_decode($img);　　//把二进制解析成图片
        $path = './uploads/'.date('Ymd',time()).'/';
        createFolder($path);
        $file = $path.md5(microtime()).'.'.$ext;
        $url = ltrim($file,'.');
        if(file_put_contents($file,$img)){
            include_once './application/libraries/Image.php';
            return $url;
        }else{
            return  '';
        }

    }