Base64 sang ảnh

Sử dụng API atob() + TextDecoder + Blob nguyên bản của trình duyệt để giải mã Base64 và hiển thị ảnh trong trình duyệt.

// Base64 → Ảnh (triển khai nguyên bản trình duyệt)
function base64ToImage(base64String, mimeType = 'image/png') {
  // 1. Loại bỏ tiền tố Data URL (nếu có)
  const clean = base64String.replace(/^data:image\/\w+;base64,/, '');

  // 2. Giải mã thành chuỗi nhị phân bằng atob() nguyên bản của trình duyệt
  const binary = atob(clean);

  // 3. Chuyển thành Uint8Array
  const bytes = new Uint8Array(binary.length);
  for (let i = 0; i < binary.length; i++) {
    bytes[i] = binary.charCodeAt(i);
  }

  // 4. Tạo Blob URL để xem trước bằng thẻ <img>
  const blob = new Blob([bytes], { type: mimeType });
  const url = URL.createObjectURL(blob);

  // 5. Đặt img.src là có thể xem trước
  const img = document.createElement('img');
  img.src = url;
  img.onload = () => {
    console.log(`Kích thước ảnh: ${img.width}x${img.height}`);
    console.log(`Kích thước tệp: ${bytes.byteLength} bytes`);
  };

  return { img, url, size: bytes.byteLength };
}

// Ví dụ sử dụng:
const result = base64ToImage('iVBORw0KGgoAAAANSUhEUgAAAAUA...');
document.body.appendChild(result.img);

// Giải phóng Blob URL (tránh rò rỉ bộ nhớ)
setTimeout(() => URL.revokeObjectURL(result.url), 60000);

Thư viện chuẩn Python base64 giải mã dữ liệu Base64 thành luồng nhị phân ảnh, sau đó lưu bằng PIL/Pillow hoặc thao tác tệp tích hợp.

import base64
from pathlib import Path

def base64_to_image(base64_string: str, output_path: str, mime_type: str = 'image/png'):
    """Giải mã chuỗi Base64 và lưu thành tệp ảnh"""

    # 1. Loại bỏ tiền tố Data URL
    if base64_string.startswith('data:image'):
        # Định dạng: data:image/png;base64,iVBORw0...
        header, base64_string = base64_string.split(',', 1)
        # Tự động trích xuất MIME từ header
        if 'image/' in header:
            mime_type = header.split('data:')[1].split(';')[0]

    # 2. Giải mã
    image_bytes = base64.b64decode(base64_string)

    # 3. Lưu vào tệp
    output_file = Path(output_path)
    output_file.parent.mkdir(parents=True, exist_ok=True)
    output_file.write_bytes(image_bytes)

    print(f"✅ Đã lưu: {output_file}")
    print(f"   Kích thước tệp: {len(image_bytes):,} bytes")
    print(f"   Loại MIME: {mime_type}")

    return output_file


# Ví dụ sử dụng:
# 1. Chuỗi Base64 nhận được từ phản hồi API
api_base64_response = "iVBORw0KGgoAAAANSUhEUgAA..."

# 2. Giải mã và lưu
base64_to_image(api_base64_response, 'output/captcha.png')

# 3. Tùy chọn: Xử lý thêm bằng PIL
try:
    from PIL import Image
    img = Image.open('output/captcha.png')
    print(f"Kích thước ảnh: {img.size}")
    img.save('output/captcha.png', optimize=True)
except ImportError:
    print('Cài đặt Pillow để xử lý ảnh: pip install Pillow')

Thư viện chuẩn Java Base64 giải mã luồng nhị phân ảnh, kết hợp ImageIO / BufferedImage xử lý siêu dữ liệu ảnh.

import java.io.*;
import java.util.Base64;
import javax.imageio.ImageIO;
import java.awt.image.BufferedImage;

public class Base64ToImage {
    public static void main(String[] args) throws Exception {
        String base64String = "iVBORw0KGgoAAAANSUhEUgAA...";
        String mimeType = "image/png";

        // 1. Loại bỏ tiền tố Data URL (nếu có)
        if (base64String.startsWith("data:image")) {
            int commaIdx = base64String.indexOf(',');
            String header = base64String.substring(0, commaIdx);
            base64String = base64String.substring(commaIdx + 1);
            // Trích xuất MIME từ header
            if (header.contains("image/")) {
                mimeType = header.substring(header.indexOf("data:") + 5, header.indexOf(";"));
            }
        }

        // 2. Giải mã Base64
        byte[] imageBytes = Base64.getDecoder().decode(base64String);

        // 3. Lưu vào tệp
        String extension = mimeType.substring("image/".length());
        File outputFile = new File("output." + extension);
        try (FileOutputStream fos = new FileOutputStream(outputFile)) {
            fos.write(imageBytes);
        }
        System.out.println("✅ Đã lưu: " + outputFile.getAbsolutePath());
        System.out.println("   Kích thước tệp: " + imageBytes.length + " bytes");

        // 4. (Tùy chọn) Đọc siêu dữ liệu ảnh
        ByteArrayInputStream bais = new ByteArrayInputStream(imageBytes);
        BufferedImage image = ImageIO.read(bais);
        if (image != null) {
            System.out.println("Kích thước ảnh: " + image.getWidth() + "x" + image.getHeight());
        }
    }
}