OSS Pre-sign Upload API

// 1. Get the pre-signed URL
const presignResp = await fetch('/api/oss/presign-put', {
  method: 'POST',
  headers: {
    'Content-Type': 'application/json',
     'Apikey': 'YOUR_API_KEY',
   },
   body: JSON.stringify({
     filename: file.name,
     content_type: file.type,
     expire_seconds: 3600,
   }),
});
const { data } = await presignResp.json();

// 2. Direct PUT upload
const uploadResp = await fetch(data.upload_url, {
  method: 'PUT',
  headers: {
    'Content-Type': data.content_type,
  },
  body: file, // File Object
});

if (uploadResp.ok) {
  console.log('Upload successful. Access URL:', data.access_url);
}

async function uploadWithProgress(file, onProgress) {
  // 1. Get the pre-signed URL
  const presignResp = await fetch('/api/oss/presign-put', {
    method: 'POST',
    headers: {
       'Content-Type': 'application/json',
       'Apikey': 'YOUR_API_KEY',
     },
     body: JSON.stringify({ filename: file.name, content_type: file.type }),
  });
  const { data } = await presignResp.json();

  // 2. Upload via XMLHttpRequest (supports progress callback)
  return new Promise((resolve, reject) => {
    const xhr = new XMLHttpRequest();
    xhr.open('PUT', data.upload_url);
    xhr.setRequestHeader('Content-Type', data.content_type);

    xhr.upload.onprogress = (e) => {
      if (e.lengthComputable && onProgress) {
        onProgress(Math.round((e.loaded / e.total) * 100));
      }
    };

    xhr.onload = () => {
      if (xhr.status >= 200 && xhr.status < 300) {
        resolve({ accessUrl: data.access_url, objectKey: data.object_key });
      } else {
        reject(new Error(`Upload failed: ${xhr.status}`));
      }
    };

    xhr.onerror = () => reject(new Error('Network error'));
    xhr.send(file);
  });
}

// Usage
uploadWithProgress(fileInput.files[0], (pct) => {
  console.log(`Upload progress: ${pct}%`);
}).then((result) => {
  console.log('Access URL:', result.accessUrl);
});