Uploadthing项目实战：如何正确删除存储在数据库中的文件

2025-06-12 01:08:20作者：齐冠琰

前言

在Web开发中，文件上传和删除是常见的功能需求。Uploadthing作为一个现代的文件上传解决方案，提供了简洁的API来处理文件操作。本文将深入探讨如何在使用Uploadthing的项目中，正确删除那些文件键(key)存储在数据库中的文件。

问题背景

许多开发者在实现文件删除功能时，会遇到一个典型问题：文件URL存储在数据库中，但需要根据Uploadthing的文件键来删除实际存储的文件。常见的困惑点在于：

混淆了自定义ID(customId)和文件键(fileKey)的概念
不清楚如何从文件URL中提取出真正的文件键
对deleteFiles方法的参数类型理解不够透彻

核心概念解析

在深入解决方案前，我们需要明确几个关键概念：

文件键(File Key): Uploadthing为每个上传文件生成的唯一标识符，格式通常为UUID加文件名
自定义ID(Custom ID): 开发者可以在上传时通过中间件为文件附加的自定义标识
文件URL: 上传完成后获得的文件访问地址，通常包含文件键作为路径的一部分

解决方案实现

1. 数据库设计

首先，确保数据库表中至少存储了文件的URL。理想情况下，可以同时存储文件键，但这不是必须的，因为我们可以从URL中提取。

// 示例Prisma模型
model Files {
  id        String   @id @default(uuid())
  fileUrl   String   // 存储完整的文件URL
  createdAt DateTime @default(now())
  // 其他业务字段...
}

2. 删除接口实现

以下是完整的删除接口实现，包含错误处理和验证：

export async function DELETE(req: NextRequest) {
  try {
    // 1. 验证请求权限
    await auth();
    
    // 2. 获取要删除的文件ID
    const { id } = await req.json();

    // 3. 查询数据库获取文件信息
    const fileRecord = await prisma.files.findUnique({
      where: { id },
    });

    if (!fileRecord?.fileUrl) {
      return NextResponse.json(
        { message: "File not found" },
        { status: 404 }
      );
    }

    // 4. 从URL中提取文件键
    const fileKey = extractFileKey(fileRecord.fileUrl);
    
    // 5. 初始化UTApi客户端
    const utapi = new UTApi();
    
    // 6. 执行文件删除
    const deletionResult = await utapi.deleteFiles(fileKey, { 
      keyType: "fileKey" 
    });

    // 7. 处理删除结果
    if (deletionResult.success && deletionResult.deletedCount > 0) {
      // 从数据库中删除记录
      await prisma.files.delete({ where: { id } });
      return NextResponse.json({ 
        message: "File deleted successfully" 
      });
    }

    return NextResponse.json(
      { message: "Failed to delete file" },
      { status: 400 }
    );
  } catch (error) {
    console.error("Delete error:", error);
    return NextResponse.json(
      { message: "Internal server error" },
      { status: 500 }
    );
  }
}

// 从URL中提取文件键的辅助函数
function extractFileKey(fileUrl: string): string {
  return fileUrl.substring(fileUrl.lastIndexOf("/") + 1);
}

3. 关键点说明

文件键提取：从文件URL的最后一部分提取文件键，这是Uploadthing的标准做法
deleteFiles参数：明确指定keyType为"fileKey"，因为我们使用的是系统生成的文件键
结果处理：检查deletionResult的success和deletedCount属性确保删除成功

进阶技巧

1. 批量删除优化

如果需要删除多个文件，可以优化为批量操作：

const fileKeys = records.map(record => 
  extractFileKey(record.fileUrl)
);

const result = await utapi.deleteFiles(fileKeys, {
  keyType: "fileKey"
});

2. 事务处理

对于关键业务场景，可以使用数据库事务确保数据一致性：

await prisma.$transaction(async (tx) => {
  const deletionResult = await utapi.deleteFiles(fileKey, {
    keyType: "fileKey"
  });
  
  if (deletionResult.success) {
    await tx.files.delete({ where: { id } });
  } else {
    throw new Error("File deletion failed");
  }
});

3. 自定义ID的使用

如果你确实需要使用自定义ID来删除文件，确保：

上传时正确设置了customId
删除时明确指定keyType为"customId"

// 上传中间件中设置customId
.middleware(async ({ req, files }) => {
  const session = await auth();
  return { 
    [UTFiles]: files.map(file => ({
      ...file,
      customId: `user-${session.user.id}-${file.name}`
    }))
  };
})

// 删除时使用customId
await utapi.deleteFiles(customId, {
  keyType: "customId"
});