Flutter中如何从无后缀的图片URL中获取图片扩展名？

方案1：通过HEAD请求读取响应头Content-Type字段 #

• 原理：绝大多数静态资源服务器会在响应头的Content-Type字段返回资源的正确MIME类型，且HEAD请求仅拉取响应头，不会下载完整图片，性能开销极低
• 对应MIME规则：
  • 返回image/svg+xml：为SVG格式，使用SVG库加载
  • 返回image/jpeg：为JPG格式，使用Image.network('myImageUrl')加载
• Dart示例代码：

import 'package:http/http.dart' as http;

Future<String?> getImageMimeType(String url) async {
  try {
    final response = await http.head(Uri.parse(url));
    return response.headers['content-type'];
  } catch (e) {
    return null;
  }
}

方案2：读取资源前数字节判断魔术值 #

如果服务器不支持HEAD请求，可发送GET请求仅拉取前几百字节的资源内容，通过文件魔术值判断格式：

• JPG格式：前2个字节固定为0xFF 0xD8
• SVG格式：为纯文本内容，开头通常包含<?xml或<svg字符串
• Dart示例代码：

import 'package:http/http.dart' as http;

Future<bool> isSvgImage(String url) async {
  try {
    final response = await http.get(Uri.parse(url), headers: {'Range': 'bytes=0-200'});
    final body = response.body;
    return body.startsWith('<?xml') || body.startsWith('<svg');
  } catch (e) {
    return false;
  }
}

轻量 fallback 方案 #

如果不想做提前判断，也可以优先尝试用SVG库加载对应URL，若加载抛出异常则自动切换为Image.network加载，代码实现更简单，仅适合图片量不大的场景。

内容的提问来源于stack exchange，提问作者Tritacibo