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

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

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);       
}