cloudinary的销毁方法没有反应
Posted
技术标签:
【中文标题】cloudinary的销毁方法没有反应【英文标题】:no response from destroy method of cloudinary 【发布时间】:2021-07-09 00:27:01 【问题描述】:我正在尝试从客户端删除图像,但销毁方法不起作用,不会删除图像,同时也没有给我任何错误。
我正在使用 React.js,这是我的方法:
deleteProductHandler = id =>
db.collection("products")
.doc(id)
.delete()
.then(() =>
// update the UI
const products = [...this.state.products];
let images = [];
products.forEach((product, index) =>
if (product.id === id)
products.splice(index, 1);
images = [...product.images];
this.setState( show: false, products: products );
);
// delete images from cloudinary
let links = images
.map(link =>
return link.match("products/");
)
.map(link =>
const newlink = link.input.slice(link.index);
const newlink2 = newlink.slice(0, -4);
return publicId: newlink2 ;
);
let publicIds = [];
for (let key in links)
publicIds.push(links[key].publicId);
console.log(publicIds);
// i got all publicIds here without any problem.
// so dont wory about the code above.
publicIds.forEach(publicId =>
console.log(publicId);
window.cloudinary.v2.uploader().destroy(publicId, (err, res) =>
console.log(err, res);
);
);
)
.catch(err =>
this.setState( error: err );
);
;
这是destroy方法的文档: https://cloudinary.com/documentation/image_upload_api_reference#destroy_method
我想在这里说明的是,当用户删除一个产品时,它的图像会自动从 cloudinary 中删除。
【问题讨论】:
您如何为 Cloudinary API 提供身份验证?除了在某些情况下支持未签名上传的上传 API 的显着例外,您通常不能在 React 等客户端代码中使用该 API(因为在客户端代码中没有安全的方法来创建签名,并且如果您'正在进行服务器端调用以从您的后端获取签名,您的后端也可以直接调用 Cloudinary API) 另外,您是否在浏览器的网络选项卡中看到对 API 的请求?是否有响应被发送但没有出现在你的 React 代码中,或者实际上没有调用? 据我所知,destroy 方法不需要签名,它会自动生成,在我的情况下,它是未签名的上传。 根本没有打电话。 destroy方法当然需要认证,认证是基于SDK使用你账户的API secret生成的签名,不能直接在客户端代码中使用。也就是说,如果没有发出 HTTP 请求,则第一个问题可能出在 javascript 代码本身中,如果解决了,您将看到身份验证错误。一般来说,如果您尝试在前端代码中从 NodeJS SDK 调用方法,由于缺少依赖项,它可能无法正常工作,但我希望某处会显示错误 - 您在控制台? 【参考方案1】:我认为uploader
之后的额外()
可能是问题所在。
应该是
window.cloudinary.v2.uploader.destroy(publicId, (err, res) =>
console.log(err, res);
);
【讨论】:
此答案与文档相符。可能是时候联系 Cloudinary 支持了 ;)【参考方案2】:无法直接从客户端删除图像,因为无法使用存储在客户端中的详细信息对此类请求进行身份验证 - 如果您的帐户的 API 机密可供客户端使用,那么您的任何用户都可以使用它对您的帐户进行任意 API 调用的秘密。
在我的应用程序中,我没有任何服务器端组件,因为我使用的是 firebase firestore,而我在上面的代码中尝试做的是在客户端代码中呈现 destroy 方法,即不可能。
相反,您可能需要 node.js 中的服务器端组件。这是添加控制器以处理删除或其他类似操作的合乎逻辑的地方。
【讨论】:
以上是关于cloudinary的销毁方法没有反应的主要内容,如果未能解决你的问题,请参考以下文章