Skip to content
  • Categories
  • Recent
  • Tags
  • Popular
  • Users
  • Groups
Collapse
exlends
Категории
  1. Home
  2. Categories
  3. Фронтенд
  4. NextJs
  5. Маршрут API для генерации presigned URL

Маршрут API для генерации presigned URL

Scheduled Pinned Locked Moved NextJs
1 Posts 1 Posters 17 Views
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • kirilljsxK Offline
    kirilljsxK Offline
    kirilljsx
    js
    wrote on last edited by
    #1

    Маршрут API для генерации presigned URL для загрузки в S3 в Next.js

    // S3 Presign Upload
    export async function POST(req: Request) {
      const { type } = await req.json();
    
      const key = `${nanoid()}.${type.split('/')[1]}`;
    
      const { url, fields } = await new Promise((res, rej) => {
        s3.createPresignedPost(
          {
            Bucket: 'your-bucket-name',
            Fields: { key },
            Expires: 60,
            Conditions: [
              ['content-length-range', 0, 5 * 1024 * 1024],
              ['starts-with', '$Content-Type', 'image/'],
            ],
          },
          (err, data) => err ? rej(err) : res(data)
        );
      });
    
      return Response.json({ url, fields, key });
    }
    

    Используется вместе с кастомным upload-хуком, чтобы безопасно загружать файлы напрямую в S3 с клиента.

    Он проверяет тип файла, генерирует уникальный ключ и возвращает presigned URL + поля, необходимые для загрузки.

    1 Reply Last reply
    0

    Категории

    • Главная
    • Новости
    • Фронтенд
    • Бекенд
    • Языки программирования

    Контакты

    • Сотрудничество
    • info@exlends.com
    • Наш чат
    • Наш ТГ канал

    © 2024 - 2025 ExLends, Inc. Все права защищены.

    Политика конфиденциальности
    • Login

    • Don't have an account? Register

    • Login or register to search.
    • First post
      Last post
    0
    • Categories
    • Recent
    • Tags
    • Popular
    • Users
    • Groups