[flutter] dio_retry 패키지를 사용하여 이미지 업로드 구현하기

18 Dec 2023

flutter

이번에는 Flutter 앱에서 이미지 업로드를 구현하는 방법에 대해 알아보겠습니다. dio_retry 패키지를 사용하여 HTTP 요청 중에 발생할 수 있는 오류를 처리하고, 재시도하는 과정을 살펴보겠습니다.

이미지 업로드를 구현하기 위해 먼저 dio_retry 패키지를 설치해야 합니다. 이 패키지는 Dio 클라이언트를 통해 HTTP 요청을 보내고, 재시도를 수행할 수 있도록 도와줍니다.

1. dio_retry 패키지 설치

먼저 pubspec.yaml 파일에 dio_retry 패키지를 추가합니다.

dependencies:
  dio: ^4.0.0
  dio_retry: ^4.0.0

이후 패키지를 설치하기 위해 터미널에서 다음 명령을 실행합니다:

flutter pub get

2. 이미지 업로드 구현

이제 이미지 업로드를 위한 코드를 작성해보겠습니다. 아래는 dio_retry 패키지를 사용하여 이미지를 서버에 업로드하는 예제 코드입니다.

import 'dart:convert';
import 'dart:io';

import 'package:dio/dio.dart';
import 'package:dio_retry/dio_retry.dart';

Future<void> uploadImage(File imageFile) async {
  String apiUrl = 'https://example.com/upload';
  String fileName = imageFile.path.split('/').last;

  Dio dio = Dio();
  dio.interceptors.add(RetryInterceptor(
    dio: dio,
    options: const RetryOptions(
      retries: 3,
    ),
  ));

  FormData formData = FormData.fromMap({
    'file': await MultipartFile.fromFile(
      imageFile.path,
      filename: fileName,
    ),
  });

  try {
    Response response = await dio.post(
      apiUrl,
      data: formData,
    );

    print(response.data);
  } catch (e) {
    print('Error uploading image: $e');
  }
}

위의 코드에서는 uploadImage 함수를 사용하여 이미지 파일을 서버에 업로드합니다. Dio를 사용하여 HTTP POST 요청을 보내고, 재시도를 위해 RetryInterceptor를 추가했습니다.

결론

이렇게 하여 Flutter 앱에서 dio_retry 패키지를 사용하여 이미지 업로드를 구현할 수 있습니다. 이를 통해 네트워크 오류가 발생했을 때 안정적으로 이미지를 업로드할 수 있게 됩니다.