POST方式跨域上传文件

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

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

服务器端: 

需要附加头信息:

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

返回带有CALLBACK的串:

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

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

前端:

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

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