Chrome jQuery 表单插件跨域安全漏洞？

Question

我正在尝试使用jQuery Form Plugin 来处理以 ajax 形式上传的文件。

只要表单中没有输入[type=file]，一切正常。

当我将文件输入类型添加到表单时，它会上传文件并按预期在 FireFox 中工作，但我在 Chrome 中收到此错误：

不安全的 JavaScript 尝试访问 带有 URL 的框架 http://swbdev.net:8888/inc/ajax/edit_page/ 从带有 URL 的框架 http://swbdev.net:8888/site-pages-edit/19d8bb79c95e164f736f324d1b09a33e/1/#add_elements。 域、协议和端口必须 匹配。

它明确指出域、协议和端口必须匹配。我是否遗漏了什么，在同一个错误中它显示两个 URL 以及域、协议和端口都匹配？

这里是调用插件的 JavaScript：

    <script type="text/javascript">
$(document).ready(function() { 
    var options = { 
        success:    function(data) { 
            alert(data); 
        },
        dataType: 'html',
        url: '/inc/ajax/edit_page/'
    }; 
    $('#add_elements_form').ajaxForm(options); 
 });
</script>

更多信息：

它现在在 FireFox 中也失败了，不知道为什么它之前会起作用，但这是 FireFox 中的错误：

权限被拒绝 http://swbdev.net:8888获取 属性 Location.href

它指向插件中的这个代码区域：

            function cb() {
            if (xhr.aborted) {
                return;
            }
            var doc = io.contentWindow ? io.contentWindow.document : io.contentDocument ? io.contentDocument : io.document;
            if (!doc || doc.location.href == s.iframeSrc) {
                // response not received yet
                if (!timedOut) return;
            }
            io.detachEvent ? io.detachEvent('onload', cb) : io.removeEventListener('load', cb, false);
            var ok = true;

具体来说，这一行：

 if (!doc || doc.location.href == s.iframeSrc

Answer 1

我最近遇到了与 jquery 文件上传相同的问题。错误与大卫 B 相同

“不安全的 JavaScript 尝试从 URL http://swbdev.net:8888/site-pages-edit/19d8bb79c95e164f736f324d1b09a33e/1/#add_elements 的框架访问 URL http://swbdev.net:8888/inc/ajax/edit_page/ 的框架。域、协议和端口必须匹配。”

在我的情况下，调用页面 url 和文件上传 url 都指向 xxx.mydomain.com，但是当调用页面加载时，一个 javascript 将 document.domain 设置为 mydomain.com 并导致错误。在调用页面加载后检查 document.domain，发现问题并通过删除 xxx.mydomain.com 的 javascript 中的 document.domain 行来修复

Answer 2

确实很奇怪。我会尝试将整个设置为“POST”，因为 input[type=file] 将需要它。当然，它甚至可以混合使用，但请尝试一下。

$(document).ready(function() { 
    var options = { 
        success:    function(data) { 
            alert(data); 
        },
        dataType: 'html',
        type: 'POST',   // <-- This was added
        url: '/inc/ajax/edit_page/'
    }; 
    $('#add_elements_form').ajaxForm(options); 
});