javascript - 用iframe跨域上传图片,怎样接收返回的json数据
伊谢尔伦
伊谢尔伦 2017-04-10 14:57:29
[JavaScript讨论组]

用iframe跨域上传图片,怎样接收返回的json数据,目前有一个警告提示 Resource interpreted as Document but transferred with MIME type application/json: "http://up.qiniu.com/".

//构造一个隐藏的iframe,把表单放到iframe中提交,实现跨域post表单
function btnSubmit(){
//构造iframe
var iframe = document.createElement("iframe");
iframe.name = "ActionFrame";
iframe.id = "ActionFrame";
iframe.; //设置隐藏该iframe
document.body.appendChild(iframe);  //构造一个对象。插入页面中。

//开始提交
var MyForm = document.getElementById("upLoadPortrait");
MyForm.target = "ActionFrame"; //让表单在iframe中提交
MyForm.submit();//执行提交。
alert(document.getElementById('ActionFrame').contentWindow.document.toString());
}
伊谢尔伦
伊谢尔伦

小伙看你根骨奇佳,潜力无限,来学PHP伐。

全部回复(1)
PHP中文网

利用iframe提交做无刷新上传,要拿到返回的json数据需要iframe的域和父页面的在同一域下(主域名相同,二级域名不同也不可以)。
这个是大前提。
一种解决方法:
利用七牛的网页直传+上传后跳转,让iframe上传完成后跳转到父页面域下的一个接口上,再利用这个接口返回需要的json数据。
还是推荐用swfupload、plupload这样的第三方上传组件吧。。。灵活性更大,可定制性也更大。

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号