플러터에서 서버로 이미지 업로드 하는 방법

Question

안드로이드스튜디오에서 플러터로 프론트앤드 구성하고 백엔드 서버로 springboot와 mysql을 사용하는데요 프로필 사진 변경하는 기능을 구현하려고 하는데 앱에서는 이미지가 성공적으로 업로드 되는데 왜 서버에는 이미지가 저장이 안될까요? 그리고 앱에서 이미지가 업로드되고 다른 화면으로 이동하면 이미지도 날라가요. Future _uploadImage(File imageFile) async { final prefs = await SharedPreferences.getInstance(); final jwtToken = prefs.getString('jwtToken'); if (jwtToken != null) { try { // Read the image file as bytes List imageBytes = await imageFile.readAsBytes(); // Encode the image bytes to BASE64 string String base64Image = base64Encode(imageBytes); Map data = { 'image': base64Image, }; String jsonString = jsonEncode(data); // Set request headers Map headers = { 'Content-Type': 'application/json', 'Authorization': 'Bearer $jwtToken', }; // Send PATCH request with JSON payload var response = await http.patch( Uri.parse('http://10.0.2.2:4000/api/v1/user/profile-image'), headers: headers, body: jsonString, ); if (response.statusCode == 200) { final imageUrl = jsonDecode(response.body)['imageUrl']; setState(() { _imageFile = imageFile; }); print('Image uploaded successfully'); // Optionally, you can update UI or do other tasks upon successful upload } else { print('Failed to upload image: ${response.statusCode}'); print('Response body: ${response.body}'); } } catch (e) { print('Failed to upload image: $e'); } } } Future _getImage(ImageSource imageSource) async { final XFile? pickedFile = await picker.pickImage(source: imageSource); if (pickedFile != null) { // Upload the image to the server await _uploadImage(File(pickedFile.path)); } } // 앱에서 imagepicker를 이용해 파일에서 이미지를 클릭해 업로드 합니다.위에는 앱쪽 코드이고 @PatchMapping("/profile-image") public ResponseEntity patchProfileImage( @RequestBody @Valid PatchProfileImageRequestDto requestBody, @AuthenticationPrincipal String email ){ ResponseEntity response = userService.patchProfileImage(email, requestBody); return response; }서버에서는 patchmapping를 사용합니다. 구글링 해보니까 dio를 쓰면 웹에서는 이미지가 안나온다고 해서 앱과 웹 둘다 연동되는 db로 할 계획이라

플러터에서 서버로 이미지 업로드 하는 방법

0개의 답변

Q&A 목록