javascript - jQuery跨域文件上传

Question

我的代码在同一个域中工作正常。
但是当我使用 dataType: 'jsonp' & crossDomain: true
在跨域上尝试时代码示例 -

var fa = new FormData();

fa.append("upload_pass", document.getElementById("upload_pass").files['0']);

$.ajax({    
    url: 'http://xxx.xx.xx.xx/upload.php',
    data: fa,
    contentType: false,
    processData: false,
    dataType: 'jsonp',
    crossDomain: true,
    type: 'GET',
    success: function(data) {
        alert(data);
    }
});

是否存在任何概念理解差距或编码问题。
请提出建议。

Answer 1

无法通过 GET 上传文件。即使您将使用 JSONP。JSONP 只处理 GET 请求。并且不能用GET请求上传文件(通常是用POST请求上传文件)。

如果你想向某个服务器发送跨域POST请求，那么你应该确定在下一种情况下:

该服务器应该向您发送标题 Access-Control-Allow-Origin : *。此外，您可能需要 Access-Control-Allow-Methods: POST header 。

如果它有这些 header ，那么您很幸运，您可以在此服务器上发布您的数据。

附言您可以尝试使用其他方法进行有效的跨域请求。不错 js library easyXDM对于跨域请求，witch 使用不同的方式来完成。