Как вернуть данные в MultipartRequest во флаттере

Я загружаю изображение через rest API. Я успешно загрузил изображение. Я хочу вернуть данные после отправки почтового запроса. Мне также нужно показать индикатор прогресса во время загрузки изображения. Как мне получить значение, которое я пытаюсь получить с помощью Future Builder, но не получил никакого значения .----------------------------- --------------------------

import 'package:path/path.dart';
import 'package:async/async.dart';
import 'dart:io';
import 'package:http/http.dart' as http;
import 'dart:convert';
import 'package:flutter/material.dart';
import 'package:image_picker/image_picker.dart';

upload(File imageFile) async {
  // open a bytestream
  var stream = new http.ByteStream(DelegatingStream(imageFile.openRead()));
  // get file length
  var length = await imageFile.length();

  // string to uri
  var uri = Uri.parse("http://192.168.43.76/soledesign/wp-json/wp/v2/media");

  // create multipart request
  var request = new http.MultipartRequest("POST", uri);

  // multipart that takes file
  var multipartFile = new http.MultipartFile('file', stream, length,
      filename: basename(imageFile.path));

  // add file to multipart
  request.files.add(multipartFile);

  //multipart that take headers
  Map<String, String> headers = {
    "Authorization":
        "Bearer eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJodHRwOlwvXC8xOTIuMTY4LjQzLjc2XC9zb2xlZGVzaWduIiwiaWF0IjoxNTg5Nzg0MDE2LCJuYmYiOjE1ODk3ODQwMTYsImV4cCI6MTU5MDM4ODgxNiwiZGF0YSI6eyJ1c2VyIjp7ImlkIjoiMTAzIn19fQ.ST-Ts_GnziJLJEIRLHvnZMW3xcs7f5ARk0ZeKTvMyFo",
    "Content-Disposition": "attachment;filename=1.png",
    "Content-Type": "image/png"
  };

  // add header to multipart
  request.headers.addAll(headers);

  // send
  var response = await request.send();
  print(response.statusCode);

  // listen for response
  response.stream.transform(utf8.decoder).listen((value) {
    print(value);

  });
}

class PickImgGallery extends StatefulWidget {
  @override
  _PickImgGalleryState createState() => _PickImgGalleryState();
}

class _PickImgGalleryState extends State<PickImgGallery> {
  File _image;

  Future getImage() async {
    var image = await ImagePicker.pickImage(source: ImageSource.gallery);

    setState(() {
      _image = image;
    });
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(),
      body: Builder(builder: (context) {
        return Column(
          children: <Widget>[
            Center(
              child: _image == null
                  ? Text('No image selected.')
                  : Image.file(_image),
            ),
            RaisedButton(
              onPressed: () {
                upload(_image);

                Scaffold.of(context)
                    .showSnackBar(SnackBar(content: Text('Uploading')));
              },
              child: Text('Image Upload'),
            ),


          ],
        );
      }),
      floatingActionButton: FloatingActionButton(
        onPressed: () {

          getImage();
        },
        tooltip: 'Pick Image',
        child: Icon(Icons.add_a_photo),
      ),
    );
  }
}

flutter restapi
person Shahryar Rafique    schedule 21.05.2020    source источник

Ответы (1)


arrow_upward
22
arrow_downward

Чтобы получать данные после MultipartRequest, а не после этого

  // send
  var response = await request.send();
  print(response.statusCode);

  // listen for response
  response.stream.transform(utf8.decoder).listen((value) {
    print(value);

  });

попробуй это:

  http.Response response = await http.Response.fromStream(await request.send());
  print("Result: ${response.statusCode}");
  return response.body;
person idrissdimson    schedule 26.05.2020
comment
Добро пожаловать в SO @idrissdimson - спасибо, что помогли мне сегодня. Вы наверняка сэкономили мне несколько часов! - person jaredbaszler; 07.08.2020
comment
Отличное решение. +1 за получение ответа в http.Response. Спасибо - person Sachin Tanpure; 12.11.2020