В этой записи блога мы погрузимся в мир TypeScript и рассмотрим различные методы извлечения типа MIME из строки Base64. Мы рассмотрим различные подходы, предоставим примеры кода и объясним каждый метод в простой и разговорной форме. К концу вы получите четкое представление о том, как получить тип MIME из строки Base64 в TypeScript.

Метод 1: использование пакета data-uri-parser
Пакет data-uri-parser — это удобный инструмент для извлечения информации из URL-адресов данных. Он обеспечивает простой и понятный способ получения типа MIME из строки Base64. Сначала установите пакет с помощью npm:

npm install data-uri-parser

Теперь давайте посмотрим, как мы можем использовать его в нашем коде TypeScript:

import { parse } from 'data-uri-parser';
const base64String = '...'; // Replace with your Base64 string
const parsedUri = parse(base64String);
const mimeType = parsedUri.mediaType;
console.log(mimeType);

Метод 2: анализ URL-адреса данных
Если вы предпочитаете более ручной подход, не полагаясь на внешние пакеты, вы можете самостоятельно проанализировать URL-адрес данных, чтобы извлечь тип MIME. Вот пример того, как этого можно добиться:

const base64String = '...'; // Replace with your Base64 string
const dataUrlParts = base64String.split(',');
const mimeTypeRegex = /data:(.*);/;
const matches = dataUrlParts[0].match(mimeTypeRegex);
const mimeType = matches ? matches[1] : '';
console.log(mimeType);

Метод 3: преобразование Base64 в буфер и использование пакета file-type
В некоторых случаях вам может потребоваться преобразовать строку Base64 в буфер, а затем использовать file-typeдля определения типа MIME. Вот пример:

import * as fileType from 'file-type';
const base64String = '...'; // Replace with your Base64 string
const buffer = Buffer.from(base64String, 'base64');
const fileInfo = fileType(buffer);
const mimeType = fileInfo ? fileInfo.mime : '';
console.log(mimeType);

Метод 4: получение типа MIME из расширения файла
Если вы знаете, что строка Base64 представляет определенный тип файла, вы можете извлечь тип MIME из его расширения файла. Вот пример:

function getMimeTypeFromExtension(extension: string): string {
  switch (extension) {
    case 'jpg':
    case 'jpeg':
      return 'image/jpeg';
    case 'png':
      return 'image/png';
    case 'gif':
      return 'image/gif';
    // Add more cases for other file types
    default:
      return '';
  }
}
const base64String = '...'; // Replace with your Base64 string
const extension = 'jpg'; // Replace with the appropriate file extension
const mimeType = getMimeTypeFromExtension(extension);
console.log(mimeType);

В этой статье мы рассмотрели несколько методов получения типа MIME из строки Base64 в TypeScript. Мы рассмотрели использование пакета data-uri-parser, анализ URL-адреса данных вручную, преобразование Base64 в Buffer и использование пакета file-type, а также получение типа MIME из расширения файла. Каждый метод имеет свои преимущества, поэтому выберите тот, который лучше всего соответствует вашим потребностям. Благодаря этим методам вы можете уверенно работать со строками Base64 и обрабатывать их типы MIME в своих проектах TypeScript.