Обзор
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.