PutPut vs the Alternatives

// Plain HTTP — works anywhere
const tok = await fetch('/api/v1/auth/guest',
  { method: 'POST' }).then(r => r.json());

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());

// 1. Install the Uploadcare widget
// Add to your HTML head:
//   uploadcare.full.min.js
//   Set UPLOADCARE_PUBLIC_KEY

// 2. Embed widget in your form
// <input type="hidden"
//   role="uploadcare-uploader"
//   data-crop="free" />

// 3. Or use the REST API directly
const formData = new FormData();
formData.append('file', file);
formData.append('UPLOADCARE_PUB_KEY',
  'your_public_key');

const resp = await fetch(
  'https://upload.uploadcare.com/base/',
  { method: 'POST', body: formData });

// 4. Get file info (separate call)
const info = await fetch(
  `https://api.uploadcare.com/files/${uuid}/`,
  { headers: {
      Authorization: 'Uploadcare.Simple '
        + `${publicKey}:${secretKey}`
    }
  });