504 status code error when attempting to upload the group picture #1

New Issue

sudharshan · 2019-07-28T19:38:45+08:00

sudharshan commented

2019-07-28 19:38:45 +08:00

Not sure if it is a frontend or backend issue, but there is a 504 error from the upload picture endpoint when trying to upload the file to the server.

The code:

  Future<String> uploadPicture(File picture) async {
    var stream =
        new http.ByteStream(DelegatingStream.typed(picture.openRead()));
    var length = await picture.length();

    var token = await loginManager.getToken();

    var uri = Uri.parse("$baseUrlPicture/upload");
    var request = new http.MultipartRequest('POST', uri);
    request.headers['Authorization'] = "Bearer $token";

    var multipartFile = new http.MultipartFile('file', stream, length,
        filename: basename(picture.path));
    request.files.add(multipartFile);

    var response = await request.send();
    if (response.statusCode != 200) {
      throw response.statusCode;
    }

    Completer<String> completer = new Completer();
    var contents = new StringBuffer();
    response.stream.transform(utf8.decoder).listen((data) {
      contents.write(data);
    }, onDone: () => completer.complete(contents.toString()));
    return completer.future;
  }
}

The error:

[VERBOSE-2:ui_dart_state.cc(148)] Unhandled Exception: 504
#0      PictureApiProvider.uploadPicture (package:frontend_flutter/src/resources/picture_api_provider.dart:44:7)
<asynchronous suspension>
#1      ConversationApiProvider.createConversation (package:frontend_flutter/src/resources/conversation_api_provider.dart:24:45)
<asynchronous suspension>
#2      _NewGroupInfoViewState.build.<anonymous closure> (package:frontend_flutter/src/ui/conversation_tab/widgets/new_group_info_view.dart:55:20)
<asynchronous suspension>
#3      GestureRecognizer.invokeCallback (package:flutter/src/gestures/recognizer.dart:182:24)
#4      TapGestureRecognizer._checkUp (package:flutter/src/gestures/tap.dart:365:11)
#5      TapGestureRecognizer.handlePrimaryPointer (package:flutter/src/gestures/tap.dart:275:7)
#6      PrimaryPointerGestureRecognizer.handleEvent (package:flutter/src/gestures/recognizer.dart:455:9)
#7      PointerRouter._dispatch (package:flutter/src/gestures/pointer_router.dart:75:13)
#8      PointerRout<…>

Not sure if it is a frontend or backend issue, but there is a 504 error from the upload picture endpoint when trying to upload the file to the server. The code: ``` Future<String> uploadPicture(File picture) async { var stream = new http.ByteStream(DelegatingStream.typed(picture.openRead())); var length = await picture.length(); var token = await loginManager.getToken(); var uri = Uri.parse("$baseUrlPicture/upload"); var request = new http.MultipartRequest('POST', uri); request.headers['Authorization'] = "Bearer $token"; var multipartFile = new http.MultipartFile('file', stream, length, filename: basename(picture.path)); request.files.add(multipartFile); var response = await request.send(); if (response.statusCode != 200) { throw response.statusCode; } Completer<String> completer = new Completer(); var contents = new StringBuffer(); response.stream.transform(utf8.decoder).listen((data) { contents.write(data); }, onDone: () => completer.complete(contents.toString())); return completer.future; } } ``` The error: ``` [VERBOSE-2:ui_dart_state.cc(148)] Unhandled Exception: 504 #0 PictureApiProvider.uploadPicture (package:frontend_flutter/src/resources/picture_api_provider.dart:44:7) <asynchronous suspension> #1 ConversationApiProvider.createConversation (package:frontend_flutter/src/resources/conversation_api_provider.dart:24:45) <asynchronous suspension> #2 _NewGroupInfoViewState.build.<anonymous closure> (package:frontend_flutter/src/ui/conversation_tab/widgets/new_group_info_view.dart:55:20) <asynchronous suspension> #3 GestureRecognizer.invokeCallback (package:flutter/src/gestures/recognizer.dart:182:24) #4 TapGestureRecognizer._checkUp (package:flutter/src/gestures/tap.dart:365:11) #5 TapGestureRecognizer.handlePrimaryPointer (package:flutter/src/gestures/tap.dart:275:7) #6 PrimaryPointerGestureRecognizer.handleEvent (package:flutter/src/gestures/recognizer.dart:455:9) #7 PointerRouter._dispatch (package:flutter/src/gestures/pointer_router.dart:75:13) #8 PointerRout<…> ```

daniel self-assigned this 2019-07-28 20:20:27 +08:00

daniel commented

2019-08-11 11:13:23 +08:00

How big was the file?

sudharshan commented

2019-08-11 16:16:21 +08:00

Poster

It’s compressed jpg so can’t be huge a few hundred KB at most

Sign in to join this conversation.

No Label

No Milestone

No Assignees

2 Participants

Notifications

Due Date

The due date is invalid or out of range. Please use the format 'yyyy-mm-dd'.

No due date set.

Dependencies

No dependencies set.

Reference: beep/backend-pictures#1