Imgbb API

// Fetch file listing from cloud storage
const headers = { 'X-Api-Key': 'YOUR_API_KEY' };
const response = await fetch(`https://api.imgbb.com`, { headers });
const data = await response.json();
const files = data.files || data.items || data;
console.log('Files:', files);
files.forEach(f => console.log(`  ${f.name} (${f.size || 'unknown'} bytes)`));

// Upload a file to cloud storage
const fileData = new FormData();
fileData.append('file', document.getElementById('fileInput').files[0]);
const response = await fetch('https://api.imgbb.com', {
  method: 'POST',
  headers: { 'X-Api-Key': 'YOUR_API_KEY' },
  body: fileData
});
const result = await response.json();
console.log('Upload result:', result);

// Create a simple file browser
const headers = { 'X-Api-Key': 'YOUR_API_KEY' };
const response = await fetch(`https://api.imgbb.com`, { headers });
const data = await response.json();
const container = document.getElementById('file-browser');
const items = data.files || data.entries || [];
items.forEach(item => {
  const el = document.createElement('div');
  el.textContent = `${item.type === 'folder' ? '📁' : '📄'} ${item.name}`;
  container.appendChild(el);
});