0

Я использую 'package:image_picker_web/image_picker_web.dart'; На данный момент я могу выбрать картинку и отобразить ее в виджете, но при сохранении в storage картинка не сохраняется. Картинка в формате Uint8List. Можно ли конвертировать Uint8List в File? код:

 Uint8List _image1;
      Future getImg() async {
        Uint8List tempImg = await ImagePickerWeb.getImage(asUint8List: true);

        if (tempImg != null) {
          setState(() {
            _image1 = tempImg;
          });
        }
      }

код сохранения в storage

Future uploadImg() async {
final file = File.fromRawPath(_image1);
StorageReference productImg =
    FirebaseStorage.instance.ref().child('ProductImg');
var timekey = DateTime.now();
StorageUploadTask uploadTask =
    productImg.child(timekey.toString() + 'jpg').putFile(file);
var imageUrl = await (await uploadTask.onComplete).ref.getDownloadURL();
url = imageUrl.toString();
print('Image Url' + url);
 }

1 ответ 1

1

Решить вашу проблему можно двумя способами:

  1. Хранить в базе данных Uint8List и использовать его с помощью Image.memory(_image1);. Ещё можно конвертировать Uint8List в BASE64 для хранения в базе данных: base64.encode(_image1);
  2. Использовать библиотеку image

Пример:

...
@override
Widget build(BuildContext context) {
  return Scaffold(
    body: Center(
    child: FutureBuilder(
      future: getImg(),
      builder: (BuildContext snapshot, AsyncSnapshot<File> img) =>
          Image.file(img.data),
      ),
    ),
  );
}

Future<File> getImg() async {
  Uint8List tempImg = await ImagePickerWeb.getImage(asUint8List: true);
  IMG.Image img = IMG.decodeImage(tempImg);
  File imgFile = File('img.jpg')..writeAsBytes(IMG.encodeJpg(img));
  return imgFile;
}
...
10
  • Как я понимаю ваш первый вариант это как у меня? код в моем примере на сохранение в firebase storage не работает. Если я правильно понял это из за Uint8List 3 мар 2020 в 4:17
  • @AndreyKhan Нет первый вариант именно для базы данных (Firebase Cloud Firestore или Firebase Realtime Database), хранения в виде объекта (строки). Для Firebase Storage подойдет второй вариант, так как в нем можно хранить файлы. Если вам нужен пример напишите, я добавлю его в ответ.
    – MiT
    3 мар 2020 в 5:40
  • ок понял. По поводу 2 варианта, библиотеку нужно использовать вместе с Future getImg()? или отдельно? Именно здесь не могу разобраться. 3 мар 2020 в 5:48
  • @AndreyKhan да, с getImg() получаете Uint8List, а дальше по примеру. Также обратите внимание на writeAsBytesSync и ссылки ниже, выберите метод подходящий вам! Скорее всего это будет writeAsBytes, так как вам нужно его использовать в putFile().
    – MiT
    3 мар 2020 в 6:07
  • _image1 обозначил как File _image1 void getImg() async { Uint8List tempImg = await ImagePickerWeb.getImage(asUint8List: true); IMG.Image img = IMG.decodeWebP(tempImg); var imgFile = File('img.jpg')..writeAsBytes(IMG.encodeJpg(img)); if (imgFile != null) { setState(() { // debugPrint(tempImg.toString()); _image1 = imgFile; }); } } 3 мар 2020 в 7:18

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.