[javascript]:jquery.form插件如何实现跨站（跨域）目录上传？

Question

我遇到的ajaxForm插件如下：

HTML：

<form id="uploadForm" method="post" enctype="multipart/form-data">
    <input type="file" directory webkitdirectory name="fileToUpload" />
</form>

JavaScript：

$("input[name='fileToUpload']").change(function() {
    var form = $('#uploadForm');
    form.attr('action', uploadURL);
    form.ajaxSubmit({
        uploadProgress: function(event, position, total, percentComplete) {
            var percentVal = percentComplete + '%';
            console.log('percentVal', percentVal);
        },
        complete: function(xhr) {
            console.log('completed');
        },
        success: function() {
            console.log('success!!!!');
        }
        });
    return false;
});

问题是我什至无法设置uploadProgress，一旦设置了这个回调，我得到405 Method Not Allowed 错误。但是，如果我从ajaxSubmit 的选项中删除uploadProgress，只剩下success 和complete 回调，则上传操作正确执行。

这让我很困惑。

Answer 1

终于，我得到了答案。是关于跨域的问题。

一旦我在同一个 Web 容器中部署我的应用程序，问题就消失了。但我仍然对此感到困惑。为什么uploadProgress在发送跨域请求时甚至不能设置？