How to decode the image which is a base64 string, in Dart?

Question

I tried to get the image from clipboard when I press `ctrl+v` on a page, with the code from a gist, which will `console.log` the image content it gets. I found the image content is a long base64 string with a special prefix: ``` data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEEAAAAUCAYAAADStFABAAAJHElEQVRYCXVXWXObVxl+Pu2yFsuyLMnxHtdpY8c4pHXptOkEGKBlYDowYXLLLeGSX8D/gBvuErhgmElpJkCZNsswjhPZsbHGJo6Rl1pybMuyZEnWyvsc9xVfMvCOj8457/K8y9k+W5lMpi0EJcuywDn7ZrMJh8OBVqulYsMnT2WqSx3ylWivdnZM6lOPPRuJcpIdQ23IVz2Oyadvl8tlevLUL2XEUFv1Qx2S8lXnjAu4yPhfAdGARJmCaTAMgqS2drkGQrmOKVfHyrP3xFW5vbdj6Jg98eyLoPGTT1KZxklfHDudzk4hyNN8XDqgsT1YBkOi3G5gd8ixBkQHKqMd7SnTADRAlVGXpBjUI6mdYpGvTZNTPcUwhvJjT5oyO5baKJbmx7nZCQrSaDSMQzXQxGhAZXtgylOber1ukqat6qqO4tGeMi0Ie+oQw+6L+vYEFUftdFXZU6Z8xVBb+qKOxkNcEueKybnZCXamHVQB1IDO1AF56pR8DYRyNmIyOfI5VqKdYmhPHfJJ1FV7TZZ88tT2dd9qoxiqz95OikGe3eaVImgyqsy+tL+P9Bdf4sVCCrkXL8BNnDx/HqMzM5i8dg3heLyzDQlOGzpgQNprsTgvHOSwtnAfm2spvNxcNzq9g+cx8uY3ceHyhwj19BkesRiPLgRt7UXhziPv5cEe5pYeIb2xhMxORqxaGB4Y…

Accepted Answer

Try using the `crypto` package from the Dart SDK. This creates an image.png that opens fine (I believe it's this image... )

```
library foo;

import 'package:crypto/crypto.dart';
import 'dart:io';

void main() {

var body = "data:image/png;base64,iVBORw0KGgoAAAANSUh... snip"; 
  var prefix = "data:image/png;base64,";
  var bStr = body.substring(prefix.length);
  var bytes = CryptoUtils.base64StringToBytes(bStr); // using CryptoUtils from Dart SDK
  var file = new File("image.png");
  file.writeAsBytesSync(bytes);
}  
```

You'll need to add `crypto` to your `pubspec.yaml` :

```
dependencies:
  crypto: any
```

The library linked at https://github.com/wstrange/base64, also notes in the README:

Deprecated

Note: The Dart SDK now includes a Base64 codec with url safe options. Unless you need streaming support, you should use the SDK methods as they are slightly faster.

See CryptoUtils

See also How to native convert string -> base64 and base64 -> string

How to decode the image which is a base64 string, in Dart?

Solution

Problem

Related problems