从 flutter 发送 base64 图像

Question

我最近遇到了一个奇怪的问题。我必须将 base64 编码的图像从 flutter 发送到远程 API。问题是我使用以下代码转换图像：

Future getProfileImage() async {
    final _pickedFile =
        await _imagePicker.getImage(source: ImageSource.gallery);
    _profileImage = await File(_pickedFile!.path);
    print("${_pickedFile.toString()}");
    //print("${_pickedFile.path}");
    List<int> _profileImageBytes = await _profileImage!.readAsBytesSync();
    _profileImageBase64 = await base64Encode(_profileImageBytes);

    print("$_profileImageBase64");
  }

但是当我尝试使用以下代码发送时：

Future updateProfile() async {
    print("$_profileImageBase64");
    String pre = "data:image/jpg;base64,";
    String imageString = '';
    print("$imageString");
    if (_profileImageBase64 == null) {
      imageString = '';
    } else {
      imageString = "$pre$_profileImageBase64";
    }
    String apiUrl = "http://162.0.236.163:3000/api/users/profile-update";
    Map<String, String> header = {
      'Content-Type': 'application/x-www-form-urlencoded',
      'Authorization': "Bearer ${widget.user.token}"
    };
    print(
        "Bearer ${widget.user.token}, ${_firstName!.controller!.text}, ${_lastName!.controller!.text}");
    //print("$imageString");
    //log(imageString);
    Map<String, String> body = {
      'firstName': _firstName!.controller!.text,
      'lastName': _lastName!.controller!.text,
      'image': imageString
    };
    print("${body["image"]}");
    http.Response reponse =
        await http.post(Uri.parse(apiUrl), body: body, headers: header);
    //print("${jsonDecode(reponse.body)}");
    var data = jsonDecode(reponse.body) as Map;
    print("$data");
    if (data["status"] == 1) {
      widget.user.first = _firstName!.controller!.text;
      widget.user.last = _lastName!.controller!.text;
      SharedPreferences prefs = await SharedPreferences.getInstance();
      prefs.setString('firstName', widget.user.first.toString());
      prefs.setString('lastName', widget.user.last.toString());
    }
    setState(() {});
  }

它失败了。奇怪的是，当我在上述方法的开头打印字符串时，它显示不同的值，但是当我打印 body["image"] 时，它是略有不同的字符串。此外，令人惊讶的是，当我从控制台复制这些字符串中的任何一个，并将它们硬编码为图像字符串时，代码是成功的。我无法弄清楚为什么我无法使用实际上具有相同代码的 String 变量成功发送图像。有人可以帮忙吗？

编辑：我刚刚意识到字符串可能没有完全打印在控制台中。当我检查字符串的长度时，base64（220kb 文件）几乎有 314000 个字符。但是在控制台中出现了几千个。来自控制台的一个可以成功已发送，但完整字符串失败。这可能是由于服务器端的限制

Answer 1

好吧，如果授权没有问题，并且成功保存了更短的字符串，那么这听起来像是在服务器端 (API) 执行了某种形式的数据验证，这是有限制的该字段或整个邮件正文。

如果数据存储在数据库中，请确保图像字段足够大以容纳那么多字符。

一个尝试的建议是在将图像转换为 base64 之前减小图像的大小。 'image_picker' 包中的 getImage 方法有一些可选参数，允许您指定 maxHeight（宽度将成比例）和图像质量。

import 'dart:async';
import 'dart:io' as Io;
import 'dart:convert';
import 'package:image_picker/image_picker.dart';

final pickedFile = await picker.getImage(
  source: ImageSource.gallery,
  maxHeight: 150,
  imageQuality: 90,
);

final bytes = await pickedFile.readAsBytes();
final b64img = base64.encode(bytes);

从 flutter 发送 base64 图像

Sending base64 image from flutter

base64

flutter