Как отправить изображение в API в дартс / флаттер? - PullRequest
Новая
       26

Как отправить изображение в API в дартс / флаттер?

0 голосов
/ 03 июля 2018

Я видел другие вопросы, но это не то, что я хочу, я не хочу загружать изображение на сервер, я не хочу конвертировать в base64 ...

Я только хочу опубликовать файл в форме данных или что-то еще и получить возвращенную информацию.

У меня есть это, но не работает: 

  void onTakePictureButtonPressed() {
    takePicture().then((String filePath) {
      if (mounted) {
        setState(() {
          imagePath = filePath;
          videoController?.dispose();
          videoController = null;
        });

        http.post('http://ip:8082/composer/predict', headers: {
          "Content-type": "multipart/form-data",
        }, body: {
          "image": filePath,
        }).then((response) {
          print("Response status: ${response.statusCode}");
          print("Response body: ${response.body}");
        });


        if (filePath != null) showInSnackBar('Picture saved to $filePath');
      }
    });
  }

1 Ответ

0 голосов
/ 03 июля 2018

Самый простой способ - отправить многокомпонентный запрос, как в этом сообщении , а затем отправить его на сервер.

Обязательно импортируйте их в начале файла: 

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

Добавьте этот класс где-нибудь в вашем коде: 

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

      // string to uri
      var uri = Uri.parse("http://ip:8082/composer/predict");

      // 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);

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

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

Затем загрузите, используя: 

upload(File(filePath));

В вашем коде: 

void onTakePictureButtonPressed() {
    takePicture().then((String filePath) {
      if (mounted) {
        setState(() {
          imagePath = filePath;
          videoController?.dispose();
          videoController = null;
        });

       // initiate file upload
       Upload(File(filePath));

        if (filePath != null) showInSnackBar('Picture saved to $filePath');
      }
    });
  }
...