在服务器上上传的多像素图像无法正常工作颤动

Question

我试图上传多张图片到服务器，但总是出现问题。我也尝试了一些其他的解决方案，但是没有效果。

saveImages() async {
    // string to uri
    Uri uri = Uri.parse('http://100.0.50.10:8000/API/AddImageCarSale/Post');

// create multipart request
    MultipartRequest request = http.MultipartRequest("POST", uri);
    if (images != null) {
      for (var i = 0; i < images.length; i++) {
        ByteData byteData = await images[i].getByteData();
        List<int> imageData = byteData.buffer.asUint8List();

        MultipartFile multipartFile = MultipartFile.fromBytes(
          'photo', //key of the api
          imageData,
          filename: images[i].name,
          contentType: MediaType("image",
              "jpg"), //this is not nessessory variable. if this getting error, erase the line.
        );
        request.fields['PhoneNo'] = '1122';
        request.fields['VehicleNo'] = '1234';
// add file to multipart
        request.files.add(multipartFile);
// send
        var response = await request.send();
      }
    }
  }

我的错误是

[错误：颤动/库/html" target="_blank">用户界面/ui_dart_state抄送（166）]未处理的异常：状态错误：无法完成最终确定的请求。E/扑动 （11521）： #0 基础请求 （base_request 11521）： #11521： #1 多部分请求完成 base_request （multipart_request 包： 11521）： #0 E/颤动 （11521）： #2 IOCLIENT.发送 （io_client 包： 11521） E/颤动 （11521）： #4 _SellerFormState.savedNew （包：自动记录/页面/购买销售/卖家形式 dart：361：38） E/扑动 （11521）： E/颤动 （11521）： #5 _SellerFormState.（包装：自动日志/页面/购买销售/卖家形式：754：25）E/颤动 （11521）： #6 _InkResponseState._手柄咔嗒声 （包装：颤动/src/材料/ink_well飞镖：992：19） E/颤动 （11521）： #7 _InkResponseState.build.（包装：颤振/材料/ink_well飞镖：1098：38）E/扑动 （11521）： #8 手势识别器.invokeCallback （包装：颤动/src/手势/识别器飞镖：184：24） E/颤动 （11521）： #9 点击手势识别器.handleTapUp （包装：颤动/src/手势/点击飞镖：524：11） E/颤动 （11521）： #10 BaseTapGestureRecognizer._checkUp （包装：颤动/src/手势/点击飞镖：284：5） E/颤动 （11521）： #11 BaseTapGesgesrecons.接受手势 （包装：颤动/src/手势/点击飞镖：256：7） E/颤动 （11521）： #12 手势包装：颤动/src/手势/竞技场飞镖：158：27） E/颤动 （11521）： #13 手势绑定事件 （包装：颤动/src/手势/绑定飞镖：224：20） E/颤动 （11521）： #14 手势绑定.调度事件 （包装：颤动/src/手势/绑定飞镖：200：22） E/颤动 （11521）： #15 GestureBinding._handlePointerEvent （包装：颤动/src/手势/绑定飞镖：158：7） E/颤动 （11521）： #11521）： #16 GestureBinding._flushPointerEventQueue （包装：扑动/src/手势/绑定.dart：104：7E/扑动 （11521）： #17 GestureBinding._handlePointerDataPacket （包装：颤动/src/手势/绑定飞镖：88：7） E/扑动 （11521）： #18 _rootRunUnary （飞镖：异步/区域飞镖：1206：13） E/扑动 （11521）： #11521）： #19 _CustomZone.runUnary （飞镖：异步/区域飞镖：1100：19） E/扑动 （11521）： #20 _CustomZone.runUnaryGuarded （飞镖：异步/区域飞镖：1005：7） E/扑动 （11521）： #21 _invoke1 （飞镖：ui/钩子.dart：267：10） E/扑动 （11521）： #22 _dispatchPointerDataPacket （飞镖：ui/钩子飞镖：176：5） E/颤动 （11521）：

Answer 1

当多部分请求最终确定时，您需要为每个循环创建一个新的多部分请求。尝试此修改，它应该可以工作。

    // string to uri
    Uri uri = Uri.parse('http://100.0.50.10:8000/API/AddImageCarSale/Post');

// create multipart request
    if (images != null) {
      for (var i = 0; i < images.length; i++) {
        MultipartRequest request = http.MultipartRequest("POST", uri);
        ByteData byteData = await images[i].getByteData();
        List<int> imageData = byteData.buffer.asUint8List();

        MultipartFile multipartFile = MultipartFile.fromBytes(
          'photo', //key of the api
          imageData,
          filename: images[i].name,
          contentType: MediaType("image",
              "jpg"), //this is not nessessory variable. if this getting error, erase the line.
        );
        request.fields['PhoneNo'] = '1122';
        request.fields['VehicleNo'] = '1234';
// add file to multipart
        request.files.add(multipartFile);
// send
        var response = await request.send();
      }
    }
  }