异步跨域文件上传并获取返回值

时间:2022-08-28 22:23:06
我是用<iframe>接收<form>跨域上传成功的返回数据的,那我怎么得到<iframe>里面的内容啊
<form name="advert_uploadForm" id="advert_uploadForm" class="easyui-form" method="post" action="http://was.a002.com/upload_json.ashx" enctype="multipart/form-data" target="upload">
<table cellpadding="5">
<tr>
<td>图片:</td>
<td>
<input name="imgFile" class="easyui-filebox" style="width:150px" id="imgFile">
<input type="submit" value="上传"/>
</td>
</tr>
</table>
</form>
<iframe id="advert_iframe" name="upload"  ></iframe> 
用document.getElementById('advert_iframe').contentWindow.document.body.innerText; 会报错,Blocked a frame with origin "http://127.0.0.1:8020" from accessing a frame with origin "http://wap.hyt001.com". Protocols, domains, and ports must match.这个怎么处理啊,前端用的easyui框架

5 个解决方案

#1


跨域没办法,后端处理

#2


CORS……
协议很简单的

#3


服务器做一个公共信息保存上传的图片

#4


你能控制跨域的页面么有,不能无法获取iframe里面的值,可以的话看这个

javascript  iframe跨域

或者使用postMessage,http://www.ibm.com/developerworks/cn/web/1301_jiangjj_html5message/

#5


用.net写了个图片上传的中间层,问题解决了,插件Kindeditor里面有写好的跨域上传服也可以用

#1


跨域没办法,后端处理

#2


CORS……
协议很简单的

#3


服务器做一个公共信息保存上传的图片

#4


你能控制跨域的页面么有,不能无法获取iframe里面的值,可以的话看这个

javascript  iframe跨域

或者使用postMessage,http://www.ibm.com/developerworks/cn/web/1301_jiangjj_html5message/

#5


用.net写了个图片上传的中间层,问题解决了,插件Kindeditor里面有写好的跨域上传服也可以用