用formData+ajax完成图片上传，PHP后台接收并做上传处理

2019独角兽企业重金招聘Python工程师标准>>>

一、HTML代码

 

 

二、jquery代码

function submit(){

var formData=new formData();

formData.append('img',$('#file')[0].files[0])

formData.append("code",$("#code").val()),

$.ajax({
        url:'load.php',
        type:'post',
        dataType:'text',
        cache: false,     //上传文件无需缓存
        processData: false, //用于对data参数进行序列化处理 这里必须false
        contentType: false, //必须 
        data:formData,
        success:function(list){  
           console.log(list)
        },
         error:function(){
           console.log("保存失败")

         }
    })

}

三、PHP代码

$files=$_FILES["img"];//文件详情

$data=$_POST;//其他文本框内容
        if(!$files["error"]){//没有出错
            //判断上传文件类型为png或jpg且大小不超过1024000B
           if(($files["type"]=="image/png"||$files["type"]=="image/jpeg")&&$files["size"]<1024000){
                    //防止文件名重复
                    $filename ="templates/".time().$files["name"];
                     //检查文件或目录是否存在
                    if(!file_exists($filename))
                    {
                        $res=move_uploaded_file($files["tmp_name"],$filename);//将临时地址移动到指定地址  
                        if($res){
                            $data['head_img']=$filename;//图片地址
                        }
                    }       
            }    
        }

 

转载于:https://my.oschina.net/lixiaoting/blog/2877319