POST方式跨域上传文件

JSONP请求有限制: 第一,不能跳出两层, 第二,不支持POST. 

往往解决跨域POST请求的方案是个"古老"方法, 请求同域下的iframe.

服务器端: 

需要附加头信息:

 

[php] view plaincopy

1. header('Access-Control-Allow-Origin: *');  
2. header('Access-Control-Allow-Methods: POST');  
3. header('Access-Control-Max-Age: 1000');  

返回带有CALLBACK的串:

 

 

[php] view plaincopy

1. <script type='text/javascript'>document.domain='xxx.com';Callback({"ret":0,"error":"xxx","data":null});</script>  

这里要注意,这里的 document.domain='xxx.com';这个domain是服务器端和前端都要定义的.

 

前端:

 

[php] view plaincopy

1. <section>  
2.     <form name="data_upload" action="http://request.com" method="post" target="upload_frame" οnsubmit="return initUpload(this)" enctype="multipart/form-data">  
3.        ......  
4.     <iframe src="" id="upload_frame" name="upload_frame" style="display: none"></iframe>  
5. </section>  

 

[php] view plaincopy

1. <script>  
2.   
3. function initUpload(formEle) {  
4.    ....  
5.    document.domain='xxx.com';  
6.    document.forms['data_upload'].submit();  
7. }  
8. </script>