用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());
}
Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
利用iframe提交做无刷新上传,要拿到返回的json数据需要iframe的域和父页面的在同一域下(主域名相同,二级域名不同也不可以)。
这个是大前提。
一种解决方法:
利用七牛的网页直传+上传后跳转,让iframe上传完成后跳转到父页面域下的一个接口上,再利用这个接口返回需要的json数据。
还是推荐用swfupload、plupload这样的第三方上传组件吧。。。灵活性更大,可定制性也更大。