图片上传的跨域问题的几种解决方案和细节及优缺点

方案一 传到前端服务器本地,然后用服务器跨域

ajaxSubmit方式,需要jquery.form.min.js插件

$("#imgUploadForm").ajaxSubmit({    type: "POST",//提交类型    dataType: "json",//返回结果格式    url: '/php/temporary/Controller/aotuTailorUploadController.php',//请求地址    data: { "orientation": Orientation},//请求数据    success: function (data) {//请求成功后的函数           },    error: function (data) { /*console.log(JSON.stringify(data));*/ },//请求失败的函数    async: true});

传到本地,然后再传到图片服务器.缺点:速度慢,通用性差.

方案二 uploadify插件.

flash插件跨域.具体用法google.缺点:不支持手机端,使用了flash.

服务器端设置.在xml中设置能够跨域的白名单即可

方式三 plupload插件

支持h5手机端使用

服务器端设置.多个网站可以上传

$origin = isset($_SERVER['HTTP_ORIGIN'])? $_SERVER['HTTP_ORIGIN'] : '';    $allow_origin = array(      'http://client1.runoob.com',      'http://client2.runoob.com'  );    if(in_array($origin, $allow_origin)){      header('Access-Control-Allow-Origin:'.$origin);       }