PHP与h5 ajax 跨域上传图片解决方案

可能很多人会遇到一种很烦人的情况，那就是文件上传各种限制，参数设置，这里记录一下php与h5利用ajax上传图片。废话少说上代码：

html页面的啦~

<form  method="post" enctype="multipart/form-data" id="form">    <input type="file" id="uploadFile" runat="server" />    <input type="button" id="btnUpload" value="确定" onclick="uploadImage()" />    <div id="imgDiv">    </div></form>

js方法的啦~

//获取图片    var file = $('#uploadFile')[0].files[0];    //设置传参    var formdata = new FormData();    //获取文件放到formdata    formdata.append("file",file);    formdata.append("参数2",'123456789');    $.ajax({        url : 你的接口或者请求路径,        type: 'post',        // dataType: 'json',        // json:'callback',（因为php设置了header跨域，并不需要用这两个参数，设置了反而影响返回）        data: formdata,        processData: false,        contentType: false,        cache: false,        success:function(res){            console.log(res);        },error:function(res){            console.log("错误");        }    })

php（服务器端）关键点！就是上面这两个header设置，接收所有域的请求！

//下面的请求头也是我在网上各种搜索才找到的header("Access-Control-Allow-Origin:*");/*星号表示所有的域都可以接受，*/header("Access-Control-Allow-Methods:GET,POST");//其实写到这基本后面就是基本的参数接收了        //获取图片的临时路径        $image = $_FILES["file"]['tmp_name'];        //只读方式打开图片文件        $fp = fopen($image, "r");        //读取文件（可安全用于二进制文件）        $file = fread($fp, $_FILES["file"]["size"]); //二进制数据流        //获取时间        $date_info = getdate();        $year = $date_info['year'];        $mon = $date_info['mon'];        //上传路径        $dir_url = '../images/test/';        //检测目录是否存在，不存在则建立目录        if (is_dir($dir_url)) {        } else {            mkdir($dir_url, 0777, true);        }        //生成初始化文件名        $filename= $_FILES["file"]['name'];        //获取后缀        $type = explode('.',$_FILES["file"]['name']);        //新图片的路径        $newFilePath = $dir_url.$filename.'.'.$type[1];        $data = $file;        $newFile = fopen($newFilePath,"w"); //打开文件准备写入        fwrite($newFile,$data); //写入二进制流到文件        fclose($newFile); //关闭文件

o -> right !!!ok，这就是很完美的上传文件或者图片了~。终于设置大小或者图片压缩之类的，你们就见仁见智各自发挥了哈！