Background Removal API for Bulk Image Processing

// Programmatically remove backgrounds from input images using the PixLab BG-REMOVE API endpoint.
//
// Refer to the official documentation at: https://pixlab.io/endpoints/background-remove-api for the API reference
// guide and more code samples.

// Use POST to upload the image directly from your local folder. If your image is publicly available
// then make a simple GET request with a link to your image.

const apiKey = 'PIXLAB_API_KEY'; // PixLab API Key - Get yours from https://console.pixlab.io/
const apiUrl = 'https://api.pixlab.io/bgremove';
const imageFile = document.querySelector('input[type="file"]'); // Assuming you have an input file element

async function removeBackground() {
    if (!imageFile || !imageFile.files || !imageFile.files[0]) {
        console.error('Please select an image file.');
        return;
    }

    const file = imageFile.files[0];
    const formData = new FormData();
    formData.append('file', file);
    formData.append('key', apiKey);

    try {
        const response = await fetch(apiUrl, {
            method: 'POST',
            body: formData,
        });

        const reply = await response.json();

        if (reply.status !== 200) {
            console.error(reply.error);
        } else {
            const imgData = reply.imgData; // Base64 encoding of the output image
            const mimetype = reply.mimeType; // MIME type (i.e image/jpeg, etc.) of the output image
            const extension = reply.extension; // File extension (e.g., 'png', 'jpeg')

            // Decode base64 and save to disk
            try {
                const img_bytes = atob(imgData); // Decode base64
                const output_filename = `output_image.${extension}`;

                // Create a Blob from the base64 string
                const byteCharacters = atob(imgData);
                const byteArrays = [];

                for (let offset = 0; offset < byteCharacters.length; offset += 512) {
                    const slice = byteCharacters.slice(offset, offset + 512);
                    const byteNumbers = new Array(slice.length);
                    for (let i = 0; i < slice.length; i++) {
                        byteNumbers[i] = slice.charCodeAt(i);
                    }
                    const byteArray = new Uint8Array(byteNumbers);
                    byteArrays.push(byteArray);
                }

                const blob = new Blob(byteArrays, {type: mimetype});


                // Create a download link
                const url = URL.createObjectURL(blob);
                const a = document.createElement('a');
                a.href = url;
                a.download = output_filename;
                document.body.appendChild(a);
                a.click();
                document.body.removeChild(a);
                URL.revokeObjectURL(url); // Clean up

                console.log(`Background Removed Image saved to: ${output_filename}`);
            } catch (e) {
                console.error(`Error saving output image: ${e}`);
            }
        }
    } catch (error) {
        console.error('Error:', error);
    }
}

// Example: Attach to a button click
const button = document.querySelector('#removeBackgroundButton'); // Assuming you have a button with this ID
if (button) {
    button.addEventListener('click', removeBackground);
}

<?php
# Programmatically remove backgrounds from input images using the PixLab BG-REMOVE API endpoint.
#
# Refer to the official documentation at: https://pixlab.io/endpoints/background-remove-api for the API reference
# guide and more code samples.

# Use POST to upload the image directly from your local folder. If your image is publicly available
# then make a simple GET request with a link to your image.

$url = 'https://api.pixlab.io/bgremove';
$apiKey = 'PIXLAB_API_KEY'; // PixLab API Key - Get yours from https://console.pixlab.io/
$imagePath = './local_image.png'; // The local image we are going to remove background from
$outputFilename = 'output_image';

$ch = curl_init();

$postData = [
    'key' => $apiKey,
    'file' => new CURLFile(realpath($imagePath))
];

curl_setopt($ch, CURLOPT_URL, $url);
curl_setopt($ch, CURLOPT_POST, 1);
curl_setopt($ch, CURLOPT_POSTFIELDS, $postData);
curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);

$response = curl_exec($ch);
curl_close($ch);

$reply = json_decode($response, true);

if ($reply['status'] != 200) {
    echo $reply['error'] . PHP_EOL;
} else {
    $imgData = $reply['imgData'];  // Base64 encoding of the output image
    $mimeType = $reply['mimeType'];  // MIME type (i.e image/jpeg, etc.) of the output image
    $extension = $reply['extension'];  // File extension (e.g., 'png', 'jpeg')

    // Decode base64 and save to disk
    try {
        $imgBytes = base64_decode($imgData);
        $outputFilename = $outputFilename . "." . $extension;
        file_put_contents($outputFilename, $imgBytes);
        echo "Background Removed Image saved to: " . $outputFilename . PHP_EOL;
    } catch (Exception $e) {
        echo "Error saving output image: " . $e->getMessage() . PHP_EOL;
    }
}

require 'net/http'
require 'json'
require 'base64'
require 'uri'

# Programmatically remove backgrounds from input images using the PixLab BG-REMOVE API endpoint.
#
# Refer to the official documentation at: https://pixlab.io/endpoints/background-remove-api for the API reference
# guide and more code samples.

# Use POST to upload the image directly from your local folder. If your image is publicly available
# then make a simple GET request with a link to your image.

uri = URI('https://api.pixlab.io/bgremove')
http = Net::HTTP.new(uri.host, uri.port)
http.use_ssl = true

request = Net::HTTP::Post.new(uri.path)
form_data = {
  'key' => 'PIXLAB_API_KEY', # PixLab API Key - Get yours from https://console.pixlab.io/
  'file' => File.open('./local_image.png')
}

request.set_form(form_data, 'multipart/form-data')

response = http.request(request)
reply = JSON.parse(response.body)

if reply['status'] != 200
  puts reply['error']
else
  img_data = reply['imgData']  # Base64 encoding of the output image
  mimetype = reply['mimeType']  # MIME type (i.e image/jpeg, etc.) of the output image
  extension = reply['extension']  # File extension (e.g., 'png', 'jpeg')

  # Decode base64 and save to disk
  begin
    img_bytes = Base64.decode64(img_data)
    output_filename = "output_image.#{extension}"
    File.open(output_filename, "wb") do |f|
      f.write(img_bytes)
    end
    puts "Background Removed Image saved to: #{output_filename}"
  rescue => e
    puts "Error saving output image: #{e}"
  end
end