Image Text Translation API Endpoint

// The img-translate endpoint allows developers to translate visible text inside
// images across 11+ supported languages while preserving the original layout and design.
//
// Refer to the official documentation at: https://pixlab.io/endpoints/image-text-translate for the API reference guide and more code samples.

// Use POST to upload the image directly from your local folder.
async function translateImage() {
    const formData = new FormData();
    formData.append('file', document.querySelector('input[type="file"]').files[0]); // Assuming you have a file input
    formData.append('src_lang', 'en'); // The original text language within the image.
    formData.append('dst_lang', 'ar'); // Target language (i.e arabic) we want translate to.
    formData.append('key', 'PIXLAB_API_KEY');  // PixLab API Key - Get yours from https://console.pixlab.io/

    try {
        const response = await fetch('https://api.pixlab.io/imgtranslate', {
            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 extension = reply.extension;  // File extension (e.g., 'png', 'jpeg')

            // Decode base64 and save to disk
            try {
                const img_bytes = atob(imgData); //browser built in decoder
                const output_filename = `output_image.${extension}`;
                const uint8Array = new Uint8Array(img_bytes.length);
                for (let i = 0; i < img_bytes.length; i++) {
                    uint8Array[i] = img_bytes.charCodeAt(i);
                }

                const blob = new Blob([uint8Array], { type: `image/${extension}` });
                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);


                console.log(`Inline Translated Image saved to: ${output_filename}`);
            } catch (e) {
                console.error(`Error saving output image: ${e}`);
            }
        }
    } catch (error) {
        console.error(error);
    }
}

// Example usage (assuming you have a file input with id "imageUpload")
document.addEventListener('DOMContentLoaded', () => {
    const fileInput = document.createElement('input');
    fileInput.type = 'file';
    fileInput.addEventListener('change', translateImage);
    document.body.appendChild(fileInput);
});

<?php
# The img-translate endpoint allows developers to translate visible text inside
# images across 11+ supported languages while preserving the original layout and design.
#
# Refer to the official documentation at: https://pixlab.io/endpoints/image-text-translate for the API reference guide and more code samples.

# Use POST to upload the image directly from your local folder.

$url = 'https://api.pixlab.io/imgtranslate';
$apiKey = 'PIXLAB_API_KEY'; // Replace with your PixLab API Key - Get yours from https://console.pixlab.io/
$imagePath = './local_image.png'; // The local image we are going to translate text from
$srcLang = 'en'; // The original text language within the image.
$dstLang = 'ar'; // Target language (i.e arabic) we want translate to.

$postData = array(
    'src_lang' => $srcLang,
    'dst_lang' => $dstLang,
    'key' => $apiKey
);

$file = new CURLFile(realpath($imagePath), mime_content_type($imagePath), 'file');
$ch = curl_init();
curl_setopt($ch, CURLOPT_URL, $url);
curl_setopt($ch, CURLOPT_POST, 1);
curl_setopt($ch, CURLOPT_POSTFIELDS, array_merge($postData, array('file' => $file)));
curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
curl_setopt($ch, CURLOPT_HTTPHEADER, array("Content-Type: multipart/form-data"));

$response = curl_exec($ch);

if (curl_errno($ch)) {
    echo 'Error:' . curl_error($ch);
    exit;
}

curl_close($ch);

$reply = json_decode($response, true);

if ($reply['status'] != 200) {
    echo $reply['error'];
} else {
    $imgData = $reply['imgData']; // Base64 encoding 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 = "output_image.{$extension}";
        file_put_contents($outputFilename, $imgBytes);
        echo "Inline Translated Image saved to: {$outputFilename}";
    } catch (Exception $e) {
        echo "Error saving output image: " . $e->getMessage();
    }
}

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

# The img-translate endpoint allows developers to translate visible text inside
# images across 11+ supported languages while preserving the original layout and design.
#
# Refer to the official documentation at: https://pixlab.io/endpoints/image-text-translate for the API reference guide and more code samples.

# Use POST to upload the image directly from your local folder.

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

request = Net::HTTP::Post.new(uri.path)
form_data = {
  'file' => File.open('./local_image.png'), # The local image we are going to translate text from
  'src_lang' => 'en', # The original text language within the image.
  'dst_lang' => 'ar', # Target language (i.e arabic) we want translate to.
  'key' => 'PIXLAB_API_KEY'  # PixLab API Key - Get yours from https://console.pixlab.io/
}

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
  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 "Inline Translated Image saved to: #{output_filename}"
  rescue => e
    puts "Error saving output image: #{e}"
  end
end