JavaScript Integration

JavaScript Upload Workflow

JavaScript can upload images, send requests to backend endpoints, and display AI processed images instantly inside web applications.

HTML Structure

Create a simple image upload field and result container for users.

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

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

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

JavaScript Fetch API Example

Upload images using async JavaScript requests and display processed PNG results instantly.

async function removeBg(){

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

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

    if(!fileInput.files.length){

        alert("Select image first");

        return;
    }

    const formData = new FormData();

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

    result.innerHTML =
    "Processing...";

    try{

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

        if(!response.ok){
            throw new Error();
        }

        const blob =
        await response.blob();

        const url =
        URL.createObjectURL(blob);

        result.innerHTML = `
            <img src="${url}"
            style="max-width:100%;">

            <br><br>

            <a href="${url}"
            download="no-bg.png">
                Download PNG
            </a>
        `;

    }catch{

        result.innerHTML =
        "Something went wrong";

    }
}

Recommended UI Features

• Drag and drop uploads.
• Progress indicators and loaders.
• Image previews before upload.
• Animated processing states.
• Download buttons for PNG images.
• Friendly error handling messages.

Security Recommendations

• Use backend proxy endpoints for API requests.
• Validate uploaded images server-side.
• Apply upload size limits.
• Restrict unsupported image formats.
• Use rate limiting and request throttling.

Common JavaScript Errors