我正在尝试使用 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);
}
});
}
我不断收到的响应是:跨源请求被阻止
:同源策略不允许读取 https://api.uploadcare.com/files/c2e166b5-17b9-493f-bf8c-b33da27842ca~1/ 处的远程资源。 (原因:CORS header “Access-Control-Allow-Origin”丢失)。
我做错了什么?
最佳答案
您正在为请求设置响应 CORS header 。这没有意义,但更重要的是服务器由于无法识别的 header 而拒绝您的请求。例如,我在您的代码中收到以下错误:
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);
}
});
关于javascript - Uploadcare 通过 API 删除问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48855015/