码迷,mamicode.com
首页 > Web开发 > 详细

POST方式跨域上传文件

时间:2015-09-02 09:28:36      阅读:235      评论:0      收藏:0      [点我收藏+]

标签:

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" onsubmit="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>  

POST方式跨域上传文件

标签:

原文地址:http://www.cnblogs.com/lenther2002/p/4777649.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!