Image Text Translation API Endpoint

// The Image Text Translation API detects visible text inside an image,
// translates it, and renders the translated text back into the image.
//
// 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]); // Required input image.
    formData.append('source_lang', 'English'); // Required. Use 'auto' when unknown.
    formData.append('target_lang', 'French');  // Required. Language to render back into the image.
    formData.append('key', 'PIXLAB_API_KEY');  // Required. Get yours from https://console.pixlab.io/
    // Optional rendering hints supported by the implementation:
    // formData.append('font-size', '24');
    // formData.append('font-color', '#111111');
    // formData.append('font-name', 'arial.ttf');

    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 Image Text Translation API detects visible text inside an image,
# translates it, and renders the translated text back into the image.
#
# 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'; // Required input image.
$sourceLang = 'English'; // Required. Use 'auto' when the source language is unknown.
$targetLang = 'French'; // Required. Language to render back into the image.

$postData = array(
    'source_lang' => $sourceLang,
    'target_lang' => $targetLang,
    'key' => $apiKey,
    // Optional rendering hints supported by the implementation:
    // 'font-size' => 24,
    // 'font-color' => '#111111',
    // 'font-name' => 'arial.ttf'
);

$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 Image Text Translation API detects visible text inside an image,
# translates it, and renders the translated text back into the image.
#
# 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'), # Required input image.
  'source_lang' => 'English', # Required. Use 'auto' when unknown.
  'target_lang' => 'French', # Required. Language to render back into the image.
  'key' => 'PIXLAB_API_KEY', # Required. Get yours from https://console.pixlab.io/
  # Optional rendering hints supported by the implementation:
  # 'font-size' => '24',
  # 'font-color' => '#111111',
  # 'font-name' => 'arial.ttf'
}

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