[flutter] Dio를 사용하여 다중 파일 업로드를 지원하는 방법을 알려주세요.
Dio는 Flutter 애플리케이션에서 HTTP 요청을 실행하는 데 사용되는 강력한 패키지입니다. 이제 Dio를 사용하여 Flutter 앱에서 다중 파일을 업로드하는 방법에 대해 알아보겠습니다.
Dio 패키지 추가하기
먼저, pubspec.yaml
파일에 Dio 패키지를 추가합니다.
dependencies:
dio: ^4.0.0
이제 패키지를 가져와서 사용할 수 있습니다.
import 'package:dio/dio.dart';
다중 파일 업로드 요청 생성하기
이제 Dio를 사용하여 서버에 다중 파일을 업로드하는 요청을 만들 수 있습니다. 아래의 예제 코드는 다중 파일을 업로드하는 POST 요청을 보여줍니다.
void uploadFiles(List<String> filePaths) async {
Dio dio = Dio();
FormData formData = FormData.fromMap({
for (String path in filePaths) 'files': await MultipartFile.fromFile(path),
});
try {
Response response = await dio.post('https://your-api-endpoint', data: formData);
print(response.data);
} catch (e) {
print('Error uploading files: $e');
}
}
위의 코드에서 uploadFiles
함수는 파일 경로의 목록을 가져와서 Dio를 사용하여 이를 서버에 업로드합니다.
파일 업로드 요청 실행하기
실제로 파일을 업로드하려면 앱의 UI 이벤트와 연결하여 uploadFiles
함수를 호출해야 합니다.
List<String> selectedFilePaths = ...; // 사용자가 선택한 파일 경로의 목록
uploadFiles(selectedFilePaths);
위의 코드에서 selectedFilePaths
는 사용자가 선택한 파일의 경로 목록을 나타냅니다.
이제 Dio를 사용하여 Flutter 앱에서 다중 파일 업로드를 지원하는 방법을 알게 되었습니다. 다중 파일 업로드를 구현하는 데 Dio가 제공하는 강력한 기능을 활용하세요.
더 자세한 내용은 Dio 패키지의 문서를 참조하세요.
이제 Dio를 사용한 다중 파일 업로드가 완료되었습니다!