Web API Integration – Документация ByByBG
🌐 Web / HTML SDK

Интеграция Web / HTML

Интегрируйте удаление фона с помощью ИИ в ваш веб-сайт, используя HTML, PHP и безопасные API-запросы.

Обзор

API удаления фона для веб-сайтов

Легко добавляйте автоматическое удаление фона на веб-сайты, CMS, лендинги и онлайн-платформы.

📤

🔐

🖼️

STEP 1

HTML-форма загрузки

Создайте простую HTML-форму, чтобы пользователи могли загружать изображения.

<input type="file" id="imageInput">

<button onclick="removeBg()">
    Remove Background
</button>

<div id="result"></div>
STEP 2

async function removeBg(){

    const fileInput =
    document.getElementById("imageInput");

    const result =
    document.getElementById("result");

    if(!fileInput.files.length){
        alert("Select image");
        return;
    }

    const formData = new FormData();

    formData.append(
        "file",
        fileInput.files[0]
    );

    result.innerHTML = "Processing...";

    const response = await fetch(
        "/web/remove-bg",
        {
            method:"POST",
            body:formData
        }
    );

    if(!response.ok){

        result.innerHTML =
        "Something went wrong";

        return;
    }

    const blob =
    await response.blob();

    const url =
    URL.createObjectURL(blob);

    result.innerHTML = `
        <img src="${url}">
    `;
}
STEP 3

SECURITY

Рекомендации по безопасности

  • Никогда не размещайте API-ключ во frontend-коде.
  • Проверяйте загружаемые файлы перед обработкой.
  • Ограничивайте размер файлов для предотвращения злоупотреблений.
  • Всегда используйте HTTPS для API-запросов.
  • Храните API-ключи в переменных окружения сервера.
ERRORS

Status
Description
401
413
429
500

Продолжить к JavaScript

Изучите современные методы веб-интеграции с использованием JavaScript и Fetch API.