使用jquery文件上传跨域文件上传

Question

我正在使用 Blueimp 的 jQuery 文件上传，我需要进行跨域文件上传（从 localhost:8008 到 localhost:8000）

但是在初始阶段我什至没有得到响应，并且出现了这个错误： XMLHttpRequest cannot load。请求的资源上不存在“Access-Control-Allow-Origin”标头。 Origin 因此不允许访问。

jQuery 是：

$(function () {
    $('#fileupload').fileupload({
        url: 'http://examples.com/multi/multi/',
        dataType: 'json',
        type: 'post',
        fileInput: $('#fileupload'),
        forceIframeTransport: true,
        multipart: true,
        autoUpload: true,

        done: function (e, data) {
             $.each(data.files, function (index, file) { 
                debugger;
              console.log(file); 
              $.support.cors = true; 
              $.post('examples.com/multi/multi_uploader_details/', 'file_name='+file) 
              .success(function(resp){ 
                  console.log(resp); 
                  if(resp.code == 0){ 
                      $("#file_db_id").val(resp.data.identifier); 
                  } 
                  else{ 
                      alert(resp.data); 
                  } 
              }) 
              .fail(function(){ 
                  alert("error"); 
              }); 
        
    }); 

Answer 1

尝试改变

dataType: 'json',

到

dataType: 'jsonp',

https://learn.jquery.com/ajax/working-with-jsonp/