JavaScript Background Removal API Integration

This guide explains how to integrate the ByByBG Background Removal API into JavaScript applications using fetch. This method is best suited for backend environments.

Before You Start

• Create a ByByBG account
• Copy your API key from the dashboard
• Use a backend (Node.js, serverless, API server)

Step 1: Prepare Form Data

The API expects an image file sent as multipart/form-data.

Step 2: Send Request Using Fetch

Replace YOUR_API_KEY_HERE with your real API key.

const formData = new FormData();
formData.append("file", imageFile);

fetch("https://bybybg.com/v1/remove-bg", {
  method: "POST",
  headers: {
    "X-API-Key": "YOUR_API_KEY_HERE"
  },
  body: formData
})
.then(response => {
  if (!response.ok) {
    throw new Error("API Error");
  }
  return response.blob();
})
.then(blob => {
  const url = URL.createObjectURL(blob);
  console.log("Background removed image:", url);
})
.catch(error => {
  console.error(error);
});
        

Where to Add API Key

👉 Paste your API key inside the X-API-Key header:

• Use environment variables in production
• Never expose API keys in frontend JavaScript

Common Errors

• 401 – API key missing or invalid
• 429 – Free limit reached
• 500 – Server error

Best Practices

• Always use backend or serverless functions
• Validate file size and format before upload
• Handle errors gracefully

This approach works well for Node.js backends, serverless functions, and API-based workflows.