フリーナンスにおけるフロントエンドでのファイルフォーマットチェック

// ファイルのヘッダー1024バイトを取得（より正確な判定のため）
const arr = (new Uint8Array((e.target as FileReader).result as ArrayBuffer)).subarray(0, 1024;
let header = '';
for (let i = 0; i < arr.length; i += 1) {
  header += arr[i].toString(16).padStart(2, '0');
}

let type = '';

if (header.startsWith('25504446')) {
  // PDFの判定
  type = 'application/pdf';
} else if (header.startsWith('89504e47')) {
  // PNGの判定
  type = 'image/png';
} else if (header.startsWith('47494638')) {
  // GIFの判定
  type = 'image/gif';
} else if (header.startsWith('ffd8ff')) {
  // JPEGの判定（JFIF または Exif マーカー）
  // より厳密なJPEGマーカーの確認
  const jpegMarkers = ['e0', 'e1', 'e2', 'e3', 'e8'];
  const marker = header.substring(6, 8);
  if (jpegMarkers.includes(marker)) {
    type = 'image/jpeg';
  }
} else {
  // MP4/MOVの判定
  // ftypマーカーの検索（MP4とMOVの両方で使用）
  const ftypIndex = header.indexOf('66747970');
  if (ftypIndex !== -1) {
    // ftypの後の4バイトでブランドを確認
    const brand = header.substring(ftypIndex + 8, ftypIndex + 16);

    // MP4のメジャーブランド
    const mp4Brands = ['6D703431', '6D703432', '69736F6D', '69736F32'];
    // MOVのメジャーブランド
    const movBrands = ['71742020', '6D6F6F76'];

    if (mp4Brands.includes(brand)) {
      type = 'video/mp4';
    } else if (movBrands.includes(brand)) {
      type = 'video/quicktime';
    }
  }
}

// ファイル拡張子の確認（追加の検証）
const extension = file.name.split('.').pop()?.toLowerCase();
const isValidExtension = (fileType: string, ext: string): boolean => {
  const validExtensions = {
    'application/pdf': ['pdf'],
    'image/png': ['png'],
    'image/gif': ['gif'],
    'image/jpeg': ['jpg', 'jpeg'],
    'video/mp4': ['mp4'],
    'video/quicktime': ['mov']
  };
  return validExtensions[fileType as keyof typeof validExtensions]?.includes(ext) ?? false;
};

// マジックナンバーと拡張子の両方が一致する場合のみ有効と判定
const isValid = type !== '' && extension && isValidExtension(type, extension);