PutPut vs the Alternatives

// Get a token (no signup)
const tok = await fetch('/api/v1/auth/guest',
  { method: 'POST' }).then(r => r.json());

// Upload a file
const pre = await fetch('/api/v1/upload/presign',
  { method: 'POST',
    headers: { Authorization: `Bearer ${tok.token}` },
    body: JSON.stringify({ filename: 'photo.jpg',
      content_type: 'image/jpeg' }) }
).then(r => r.json());

await fetch(pre.upload_url,
  { method: 'PUT', body: file });

const result = await fetch('/api/v1/upload/confirm',
  { method: 'POST',
    headers: { Authorization: `Bearer ${tok.token}` },
    body: JSON.stringify({ upload_id: pre.upload_id }) }
).then(r => r.json());

// Install aws-sdk, configure IAM
import { S3Client,
  PutObjectCommand } from '@aws-sdk/client-s3';
import { getSignedUrl }
  from '@aws-sdk/s3-request-presigner';

const s3 = new S3Client({
  region: 'us-east-1',
  credentials: {
    accessKeyId: process.env.AWS_KEY!,
    secretAccessKey: process.env.AWS_SECRET!,
  }
});

const cmd = new PutObjectCommand({
  Bucket: 'my-bucket',
  Key: 'photo.jpg',
  ContentType: 'image/jpeg',
});

const url = await getSignedUrl(s3, cmd,
  { expiresIn: 3600 });

await fetch(url,
  { method: 'PUT', body: file });