跨域文件上传 Dropzone 错误答案

【问题标题】：Dropzone error on crossdomain file upload跨域文件上传 Dropzone 错误
【发布时间】：2017-12-11 22:28:54
【问题描述】：

我想使用 dropzone 将文件从服务器上传到其他服务器。但我不断收到错误Server responded with 0 code。 Dropzone 仅向目标服务器发送选项请求。请求和响应标头在这里。之后我得到error('0 code'); 我还将标题设置为我的 php 脚本。这些是什么。

header('Access-Control-Allow-Origin: '.$pathToOrigin);
header('Access-Control-Allow-Credentials:false');
header('Access-Control-Max-Age:1000');
header('Access-Control-Allow-Methods:PUT, POST, GET, OPTIONS');
header('Access-Control-Allow-Headers: X-Requested-With, cache-control, content-type, access-control-allow-origin, access-control-allow-methods, access-control-allow-headers');

requuest headers

【问题讨论】：

显示你的js设置？对于dropzone
$("div#drop").dropzone( { url: "", autoProcessQueue: false, addRemoveLinks:true, 发送: function(file, xhr, formData ) { formData.append('k1', $('#k1').val()); console.log('sending'); }, 成功: function(file) { this.removeFile(file); }, queuecomplete: function(){ toastr.info("文件上传成功！"); } });

标签： javascript php jquery dropzone.js

【解决方案1】：

试试下面的，我把你的发送功能更新为：

  method: 'put',
  this.on("sending", function(file, xhr, formData) {
    formData.append('k1', $('#k1').val());
    var _send = xhr.send;
    xhr.send = function() {
      _send.call(xhr, file);
    }
  });

$("div#drop").dropzone({
  method: 'put',
  url: "<?php echo $pathToUploadFiles ?>",
  autoProcessQueue: false,
  addRemoveLinks: true,
  this.on("sending", function(file, xhr, formData) {
    formData.append('k1', $('#k1').val());
    var _send = xhr.send;
    xhr.send = function() {
      _send.call(xhr, file);
    }
  });
  success: function(file) {
    this.removeFile(file);
  },
  queuecomplete: function() {
    toastr.info("Files are Uploaded Successfully!");
  }
});

【讨论】：

没什么！还是一样的
@M.SUFIANAZEEM 还添加了method: 'put', 并更新了发送功能。
我也试过了。仍然相同的响应并且只发送选项请求。

【解决方案2】：

我也尝试了 put methode。仍然相同的响应。浏览器只发送（选项）请求。这是浏览器响应的图像。 Image of Response

【讨论】：