Flutter Retrofit上传Multipart文件时动态设置图片Content-Type

你可以通过**将接口参数从File改为MultipartFile**实现动态设置Content-Type，因为MultipartFile允许自定义文件的MIME类型，无需依赖@Part注解里的固定值。具体步骤如下：

1. 修改Retrofit接口定义 #

把接收File的参数换成MultipartFile，同时移除@Part注解里的contentType参数：

@POST(AppURLs.editProfileImage)
@MultiPart()
Future<NetworkBaseModel<UserResponseModel>> editProfileImageAPI(
    @Part() MultipartFile profileImage,
);

2. 生成动态MIME类型并创建MultipartFile #

调用接口前，根据图片文件的扩展名匹配对应的MIME类型，再用MultipartFile.fromFile创建带自定义类型的文件对象：

第一步：添加扩展名到MIME类型的映射 #

写一个工具方法，根据文件扩展名返回对应Content-Type：

String getImageMimeType(File file) {
  final extension = file.path.split('.').last.toLowerCase();
  switch (extension) {
    case 'jpg':
    case 'jpeg':
      return 'image/jpeg';
    case 'png':
      return 'image/png';
    case 'webp':
      return 'image/webp';
    case 'gif':
      return 'image/gif';
    default:
      return 'image/jpeg'; // 默认 fallback 为jpeg格式
  }
}

第二步：调用接口时创建MultipartFile #

替换原有的调用逻辑：

userImage = File(/*图片路径*/);
// 获取动态MIME类型
final mimeType = getImageMimeType(userImage);
// 创建带自定义类型的MultipartFile
final multipartFile = await MultipartFile.fromFile(
  userImage.path,
  contentType: MediaType.parse(mimeType),
);
// 调用接口
uploadProfileImage(multipartFile);

这样就能根据图片实际扩展名自动匹配对应的Content-Type，完全满足动态修改的需求。

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