如何获取已上传图片的deletehash以通过Imgur API删除（Laravel Livewire）

核心逻辑 #

Imgur上传API的响应里直接包含deletehash字段，你需要在上传阶段捕获并存储这个值，后续删除图片时用它调用删除接口即可。

1. 上传图片时捕获deletehash #

在Livewire组件中，通过HTTP客户端调用Imgur上传接口，解析响应提取deletehash，将其与图片URL关联存储（可存在组件属性或数据库中）。

示例代码：

use Illuminate\Support\Facades\Http;

class ImageUpload extends \Livewire\Component
{
    public $imgurDeleteHash;
    public $imgurImageUrl;

    public function uploadToImgur($file)
    {
        $response = Http::withHeaders([
            'Authorization' => 'Client-ID ' . env('IMGUR_CLIENT_ID'),
        ])->attach(
            'image',
            file_get_contents($file->getRealPath()),
            $file->getClientOriginalName()
        )->post('https://api.imgur.com/3/image');

        if ($response->successful()) {
            $imgurData = $response->json('data');
            // 保存deletehash和图片链接
            $this->imgurDeleteHash = $imgurData['deletehash'];
            $this->imgurImageUrl = $imgurData['link'];

            // 可选：将deletehash存入数据库（关联到对应模型）
            // $yourModel->imgur_delete_hash = $this->imgurDeleteHash;
            // $yourModel->save();
        } else {
            $this->addError('upload', '图片上传至Imgur失败');
        }
    }

    // ...其他组件方法
}

2. 使用deletehash删除图片 #

调用Imgur删除接口，传入存储的deletehash发送DELETE请求，即可完成图片删除。

示例代码：

public function deleteImgurImage()
{
    if (empty($this->imgurDeleteHash)) {
        $this->addError('delete', '无可用的删除凭证');
        return;
    }

    $response = Http::withHeaders([
        'Authorization' => 'Client-ID ' . env('IMGUR_CLIENT_ID'),
    ])->delete("https://api.imgur.com/3/image/{$this->imgurDeleteHash}");

    if ($response->successful()) {
        // 删除成功后的清理操作
        $this->imgurDeleteHash = null;
        $this->imgurImageUrl = null;

        // 可选：更新数据库记录
        // $yourModel->imgur_delete_hash = null;
        // $yourModel->save();
    } else {
        $this->addError('delete', '图片删除失败');
    }
}

注意事项 #

• 确保.env文件中正确配置IMGUR_CLIENT_ID，可从Imgur开发者控制台获取
• 不要将deletehash暴露给非授权用户，防止恶意删除操作
• 上传和删除流程都要处理API响应失败的情况，及时给用户反馈

内容的提问来源于stack exchange，提问作者Lunático