首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >Flutter上传从multi_image_picker获取的多张图片失败

Flutter上传从multi_image_picker获取的多张图片失败
EN

Stack Overflow用户
提问于 2019-05-28 23:12:12
回答 1查看 2.2K关注 0票数 2

我已经成功地使用multi_image_picker获取了多个图像,但未能将图像上传到firebase存储。我请求关于保存图像到firebase存储和返回urls的帮助。

我已经在下面发布了我的代码,谢谢。

import 'package:flutter/material.dart';
import 'dart:async';
import 'package:firebase_storage/firebase_storage.dart';
import 'package:flutter/services.dart';
import 'package:multi_image_picker/multi_image_picker.dart';
import 'package:mock_data/mock_data.dart';



class PageTwo extends StatefulWidget {
  @override
  _MyAppState createState() => new _MyAppState();
}

class _MyAppState extends State<PageTwo> {
  List<Asset> images = List<Asset>();
  String popop = mockString(50);

  @override
  void initState() {
    super.initState();
  }

  Widget buildGridView() {
    return GridView.count(
      crossAxisCount: 3,
      children: List.generate(images.length, (index) {
        Asset asset = images[index];
        return AssetThumb(
          asset: asset,
          width: 300,
          height: 300,
        );
      }),
    );
  }

  Future saveImage(Asset asset) async {
    String fileName = popop;
    ByteData byteData = await asset.requestOriginal();
    List<int> imageData = byteData.buffer.asUint8List();
    StorageReference ref = FirebaseStorage.instance.ref().child(fileName);
    StorageUploadTask uploadTask = ref.putData(imageData);

    return await (await uploadTask.onComplete).ref.getDownloadURL();
  }

  Future<void> loadAssets() async {
    List<Asset> resultList = List<Asset>();
    try {
      resultList = await MultiImagePicker.pickImages(
          maxImages: 300,
          enableCamera: true,
          selectedAssets: images,
          cupertinoOptions: CupertinoOptions(takePhotoIcon: "chat"),
          materialOptions: MaterialOptions(
            actionBarColor: "#abcdef",
            actionBarTitle: "Example App",
            allViewTitle: "All Photos",
            selectCircleStrokeColor: "#000000",
          ));
    } 
    }
    if (!mounted) return;

    setState(() {
      images = resultList;
      _error = error;
    });
  }

  @override
  Widget build(BuildContext context) {
    return new MaterialApp(
      home: new Scaffold(
        appBar: new AppBar(
          title: const Text('Getting pics'),
        ),
        body: Column(
          children: <Widget>[
            RaisedButton(
              child: Text("Pick images"),
              onPressed: loadAssets,
            ),
            RaisedButton(
              child: Text("Save Image"),
              onPressed: () => saveImage,
            ),
            Expanded(
              child: buildGridView(),
            )
          ],
        ),
      ),
    );
  }
}
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2019-05-29 03:22:12

看起来您实际上并没有对URL做任何事情。你在saveFile上的未来不会返回任何东西,也不会把结果放在任何地方。

await (await uploadTask.onComplete).ref.getDownloadURL()

此外,等待等待看起来有点奇怪。您可以通过简单地级联onComplete await来避免这种情况。我不完全确定,但值得一试。

await uploadTask.onComplete..ref.getDownloadURL()

此外,当我使用StorageUploadTask时,我通常会监听任务以获取上传进度,然后添加onComplete部分以获取downloadURL。

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/56345247

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档