не удается загрузить изображение в API, используя диод во флаттере - PullRequest
0 голосов
/ 08 июля 2020

Я использовал этот код, чтобы выбрать изображение из галереи на мобильном телефоне, а затем загрузить его на сервер с помощью API, с другими данными, все работает хорошо, все данные загружены успешно, кроме изображения, я не знаю, что это за проблема, особенно даже изображение успешно загружено при использовании Postman ... этот мой код на стороне флаттера:

TextEditingController  namec = TextEditingController();
  TextEditingController  descc = TextEditingController();
  TextEditingController  pricec = TextEditingController();
   File image;
   String imgUrl;


   getImage() async{
     var imageIns =  await ImagePicker().getImage(source: ImageSource.gallery);
     setState(() {
       image = File(imageIns.path);
       imgUrl = imageIns.path;
     });
   }
   /////////////////////
  uploadImage() async {
    Dio dio = new Dio();
    FormData formData = new FormData.fromMap({
      "name" : namec.text,
      "file" : image,
      "desc" : descc.text,
      "price" : pricec.text,
      "cat" : widget.cid
    });
    var res = await dio.post(
        "http://192.168.43.106:3000/service", data: formData);
    final data = json.decode(res.data);

и это на стороне node.js (api) для вставки данных, включая изображение:

insertServices: async (req, res)=>{
   // var path = req.file.path.replace(/\\/g, '/');
    const result = await new SERVICES({
    name : req.body.name,
    file :  req.file != null ? req.file.path.replace(/\\/g, '/') : "PATH",
    desc : req.body.desc,
    price : req.body.price,
    cat : req.body.cat
    }).save()
    res.json({
        message: "success",
        id : result._id,
        name : result.name,
        file : result.file,
        desc : result.desc,
        price : result.price
    })
    },

  and i am using (multer) middle ware to upload the image, 

, и это ошибка на стороне сервера, когда я пытаюсь загрузить изображение с помощью приложения flutter (без ошибки postmant):

::ffff:192.168.43.1 - - [08/Jul/2020:11:43:28 +0000] "GET /PATH HTTP/1.1" 404 143
(node:15612) UnhandledPromiseRejectionWarning: TypeError: Cannot read property 'path' of undefined
    at insertServices (G:\eservices\logic\service.js:67:22)
    at Layer.handle [as handle_request] (G:\eservices\node_modules\express\lib\router\layer.js:95:5)
    at next (G:\eservices\node_modules\express\lib\router\route.js:137:13)
    at Route.dispatch (G:\eservices\node_modules\express\lib\router\route.js:112:3)
    at Layer.handle [as handle_request] (G:\eservices\node_modules\express\lib\router\layer.js:95:5)
    at G:\eservices\node_modules\express\lib\router\index.js:281:22
    at Function.process_params (G:\eservices\node_modules\express\lib\router\index.js:335:12)
    at next (G:\eservices\node_modules\express\lib\router\index.js:275:10)
    at Function.handle (G:\eservices\node_modules\express\lib\router\index.js:174:3)
    at router (G:\eservices\node_modules\express\lib\router\index.js:47:12)
    at Layer.handle [as handle_request] (G:\eservices\node_modules\express\lib\router\layer.js:95:5)
    at trim_prefix (G:\eservices\node_modules\express\lib\router\index.js:317:13)
    at G:\eservices\node_modules\express\lib\router\index.js:284:7
    at Function.process_params (G:\eservices\node_modules\express\lib\router\index.js:335:12)
    at next (G:\eservices\node_modules\express\lib\router\index.js:275:10)
    at compression (G:\eservices\node_modules\compression\index.js:220:5)
(node:15612) UnhandledPromiseRejectionWarning: Unhandled promise rejection. This error originated either by throwing inside of an async function without a catch block, or by rejecting a promise which was not handled with .catch(). To terminate the node process on unhandled promise rejection, use the CLI flag `--unhandled-rejections=strict` (see https://nodejs.org/api/cli.html#cli_unhandled_rejections_mode). (rejection id: 1)
(node:15612) [DEP0018] DeprecationWa

1 Ответ

0 голосов
/ 08 июля 2020

У меня есть аналогичное приложение для загрузки изображений из галереи, вот его пример:

List<Asset> images = List<Asset>();

Я использую multi_image_picker , чтобы выбрать несколько изображений сразу и после заполнения images Список Я использую этот код для их загрузки:

Dio dio = new Dio();
  var items = [];
  for (var item in images) {
  ByteData byteData = await item.getThumbByteData(800, 800);
  List<int> imageData = byteData.buffer.asUint8List();

  MultipartFile i =
  MultipartFile.fromBytes(
    imageData,
    filename: item.name,
  );
  items.add(i);
}
      
FormData formData = new FormData.fromMap({"userfile": items});
Response response = await dio.post(phpEndPoint, data: formData);
if(response.statusCode==200) //success

К сожалению, я не уверен, какой код находится в бэкэнде.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...