Flutter使用http无法向Telegram发送图片问题求助

问题核心 #

在Flutlab在线编辑器中运行代码时，发送文本消息正常，但发送图片时执行到print(photo.path);后程序无响应，尝试多种MultipartFile方法均无效。

关键原因分析 #

1. 文件路径错误：Flutter的assets资源并非直接对应设备文件系统路径，直接用File('image/test.png')无法访问Flutlab中上传的assets文件。
2. 同步读取阻塞：readAsBytesSync()是同步操作，在Flutlab环境中可能导致线程阻塞，使程序无响应。
3. 缺少必要参数：Telegram API要求MultipartFile必须指定文件名，否则无法识别文件类型。

解决方案 #

1. 正确配置Assets #

在pubspec.yaml中声明要使用的图片资源，确保Flutter能正确加载：

flutter:
  assets:
    - image/test.png

注意：Flutlab中需在左侧文件树创建image文件夹并上传test.png，保存pubspec.yaml后编辑器会自动同步资源。

2. 修改代码使用Assets加载+异步处理 #

替换原代码中直接读取File的逻辑，改用rootBundle加载assets资源，并使用异步操作避免阻塞：

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

void sendPhotoToTelegram() async {
  print("start");

  const token = '你的Bot Token';
  const url = 'https://api.telegram.org/bot$token/sendPhoto';
  const chatId = 1291695368;

  try {
    // 从Assets异步加载图片字节
    final ByteData byteData = await rootBundle.load('image/test.png');
    final List<int> imageBytes = byteData.buffer.asUint8List();

    final request = http.MultipartRequest('POST', Uri.parse(url));
    request.fields['chat_id'] = chatId.toString();

    // 添加图片文件，必须指定文件名
    request.files.add(http.MultipartFile.fromBytes(
      'photo',
      imageBytes,
      filename: 'test.png',
    ));

    final response = await request.send();
    print(response.statusCode);
    
    // 读取响应详情排查错误
    final responseBody = await http.Response.fromStream(response);
    print('响应内容：${responseBody.body}');

    if (response.statusCode == 200) {
      print('图片发送成功！');
    } else {
      print('发送图片失败：${response.statusCode}');
    }
  } catch (e) {
    print('请求异常：$e');
  }
}

void main() {
  sendPhotoToTelegram();
}

3. 额外排查点 #

• 确认Bot Token和Chat ID有效，可通过发送文本消息验证。
• 检查网络连接，Flutlab需要正常访问Telegram API。
• 若仍失败，查看responseBody中的错误信息，Telegram API会返回具体的错误原因（如权限不足、文件过大等）。

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