Supabase Storage删除图片功能失效，请求技术排查解决

AI 小北

2026-7-27

解决Supabase存储删除图片失败的问题

你的代码无法正常工作的核心问题是：Supabase Storage的remove方法需要传入存储桶内的相对文件路径，而非完整的CDN URL。你当前传入的是拼接了CDNURL的完整地址，导致系统找不到对应文件。

修正步骤：

去掉CDNURL前缀，改用存储桶内的相对路径：因为你的图片存放在img桶的denim文件夹下，所以路径应该是denim/${imageName}
添加上错误捕获逻辑，方便排查后续问题

修正后的代码：

async function deleteImage(imageName) {
  const { data, error } = await supabase
    .storage
    .from('img')
    .remove([`denim/${imageName}`])
  
  if (error) {
    console.error('删除图片失败:', error.message)
    return
  }
  console.log('删除成功:', data)
}