Uploadcare 通过 API 问题删除

Uploadcare Delete via API Issue

我正在尝试使用 Uploadcare 的 REST API 删除图像,我的操作与文档和此 post 所说的完全相同,但仍然无法删除图像图片,这是我的代码:

html:

<html>
  <script charset="utf-8" src="https://ucarecdn.com/libs/widget/3.2.2/uploadcare.full.min.js"></script>
  <body>
    <div class="main">

    </div>
    <div>

      <button class="uploader">Upload an image</button>
      <input class="deletet" />
      <button class="getit">delete something</button>
    </div>
  </body>
  <footer>Developep by Francisco Jimenez</footer>
</html>   

javascript:

function deleteb(uuid){
 $.ajax({`
    url: "https://api.uploadcare.com/files/"+uuid+"/",`
    type: "DELETE",
    headers: { "Access-Control-Allow-Origin": "*",
              "Access-Control-Allow-Headers": "*",
              "Accept": "application/vnd.uploadcare-v0.5+json",
              "Access-Control-Allow-Methods": "HEAD, GET, OPTIONS",
             "Authorization": "Uploadcare.Simple publickey:privatekey"
            },
    success: function(result){
      alert("yessss");
      console.log(result);
    },
    error: function (result){
      alert("ouuuh");
      console.log(result);
    }
  });
}

我不断收到的响应是:Cross-Origin Request Blocked:同源策略不允许读取位于 https://api.uploadcare.com/files/c2e166b5-17b9-493f-bf8c-b33da27842ca~1/ 的远程资源。 (原因:缺少 CORS header ‘Access-Control-Allow-Origin’)。

我做错了什么?

您正在为请求设置响应 CORS headers。这没有意义,但更重要的是服务器由于无法识别 headers 而拒绝您的请求。例如,我在您的代码中收到以下错误:

Request header field Access-Control-Allow-Origin is not allowed by Access-Control-Allow-Headers in preflight response.

以下代码非常适合我:

$.ajax({
  url: "https://api.uploadcare.com/files/8b147fe2-b677-407b-8c28-3d596187ac93/",
  type: "DELETE",
  headers: {
    "Accept": "application/vnd.uploadcare-v0.5+json",
    "Authorization": "Uploadcare.Simple demopublickey:demoprivatekey"
  },
  success: function(result){
    alert("yessss");
    console.log(result);
  },
  error: function (result){
    alert("ouuuh");
    console.log(result);
  }
});