Question

我已经以JSON格式发送了一条消息，可以将数据显示为Base64，但我不知道如何将其转换为图像并显示。


class _ShowformState extends State<Showform> {
  List data;
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("Maintenancce Information", style: TextStyle(fontSize: 13)),),
      body: _buildListView(),);}
  Widget _buildListView() {
    return ListView.builder(
        itemCount: data == null ? 0 : data.length,
        itemBuilder: (context, index) {
          return _buildColumnInfo(data[index]);
        }); }
  @override
  void initState() {
    super.initState();
    this.getJSONData();}

Future<String> getJSONData() async {
    var url = "http://192.168.1.35:7000/";
    var response = await http.get(url);
    if (response.statusCode == 200) {
      var jsonResponse = json.decode(utf8.decode(response.bodyBytes));
      setState(() {
        data = jsonResponse['data'];});
      var itemCount = jsonResponse['totalItems'];}

  Widget _buildColumnInfo(item) {
    return new Container(
            padding: new EdgeInsets.all(12.0),
            child: new Column(
              children: <Widget>[
                Text("Data Inserted : ${item['photoBase64']}"),], ),)}}

我需要解码什么方法？

Answer 1

您不能将base64直接转换为Image，但是可以显示如下图像。

Uint8List bytes= base64.decode("${item['photoBase64']}");

在用户界面

Image.memory(
        bytes,
        fit: BoxFit.cover,
   );

Answer 2

您可以尝试以下代码：

Uint8List convertBase64Image(String base64String) {
  return Base64Decoder().convert(base64String.split(',').last);
}

并添加到您的UI：

Image.memory(
  convertBase64Image(item['photoBase64']),
  gaplessPlayback: true,
)

Answer 3

简单的以下代码用于将base64转换为Image：

Image.memory(base64.decode(base64String.split(',').last))

Flutter：如何将base64转换为图像？

3 个答案: