Flutter how to send multiple files to http post

Question

I'd like to send two files to http post

curl looks like this

curl -X POST "https://api-us.faceplusplus.com/facepp/v3/compare" \
-F "api_key=<api_key>" \
-F "api_secret=<api_secret>" \
-F "image_file1 =file1" \
-F "image_file1 =file2"

I tried like this.

   File first;
   File second;
      var uri = Uri.parse('https://api-us.faceplusplus.com/facepp/v3/compare');
      var request = new http.MultipartRequest("POST", uri);
       request.fields['api_key'] = apiKey;
       request.fields['api_secret'] = apiSecret;
       request.files.add(await http.MultipartFile.fromPath('image_file1', first.path, contentType: new MediaType('application', 'x-tar')));
       request.files.add(await http.MultipartFile.fromPath('image_file2', second.path, contentType: new MediaType('application', 'x-tar')));
       var response = await request.send();
       print(response);

But it returns this

NoSuchMethodError: Class 'String' has no instance getter 'path'.

How can I send these properly?

Richard Heap · Accepted Answer · 2018-09-25 16:19:57Z

5

It doesn't look like first and second are actually Files. When they are definitely files, as in the following example, I get 401 (as expected, as I have a dummy api key).

main() async {
  File first = File('pubspec.yaml');
  File second = File('analysis_options.yaml');
  Uri uri = Uri.parse('https://api-us.faceplusplus.com/facepp/v3/compare');
  http.MultipartRequest request = new http.MultipartRequest('POST', uri);
  request.fields['api_key'] = 'apiKey';
  request.fields['api_secret'] = 'apiSecret';
  request.files.add(await http.MultipartFile.fromPath('image_file1', first.path,
      contentType: new MediaType('application', 'x-tar')));
  request.files.add(await http.MultipartFile.fromPath(
      'image_file2', second.path,
      contentType: new MediaType('application', 'x-tar')));
  http.StreamedResponse response = await request.send();
  print(response.statusCode);
}

answered Sep 25, 2018 at 16:19

Richard Heap

52.1k11 gold badges143 silver badges118 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Richard Heap Over a year ago

@jay best to ask this as your own question

John Joe Over a year ago

@MoVod sorry, I should remove it .

ShomaEA · Accepted Answer · 2021-03-25 08:42:11Z

3

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

class Post {
  String title = '';
  String description = '';
  List<File> files = [];

  Future<http.StreamedResponse> sendFiles() async {
    try {
      var uri = Uri.parse('https://example.com/api-endpoint');
      var request = http.MultipartRequest('POST', uri);

      // Headers
      request.headers.addAll({
        'Accept': 'application/json',
        'Authorization': 'Bearer $token',
      });

      // Fields
      request.fields['title'] = title;
      request.fields['description'] = description;

      // Files
      await Future.forEach(
        files,
        (file) async => {
          request.files.add(
            http.MultipartFile(
              'files',
              (http.ByteStream(file.openRead())).cast(),
              await file.length(),
              filename: basename(file.path),
            ),
          )
        },
      );

      return await request.send();
    } catch (err) {
      print(err);

      return null;
    }
  }
}

answered Mar 25, 2021 at 8:42

ShomaEA

911 silver badge4 bronze badges

1 Comment

Ran Marciano Over a year ago

Please don't post only code as an answer, but also provide an explanation of what your code does and how it solves the problem of the question. Answers with an explanation are usually more helpful and of better quality, and are more likely to attract upvotes

Mashood .H · Accepted Answer · 2022-12-14 12:33:28Z

You can try with Flutter DIO Package https://pub.dev/packages/dio

import 'package:dio/dio.dart';

// Create a Dio instance
final Dio dio = Dio();

// Set up the request options
Options options = Options(
  method: 'POST',
);

// Create a FormData instance to hold the files you want to upload
FormData formData = FormData();

// Add the files to the FormData instance
formData.files.addAll([
  MapEntry('file1', await MultipartFile.fromFile(file1Path)),
  MapEntry('file2', await MultipartFile.fromFile(file2Path)),
  // Add more files here if you want
]);

try {
  // Send the POST request
  Response response = await dio.post(
    url,
    data: formData,
    options: options,
  );

  // Do something with the response
  print(response.data);
} catch (e) {
  // show my error
  log(e);
}

Collectives™ on Stack Overflow

Flutter how to send multiple files to http post

3 Answers 3

2 Comments

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related