[移动开发] Flutter 图片上传功能

开发: C++知识库 Java知识库 JavaScript Python PHP知识库人工智能区块链大数据移动开发嵌入式开发工具数据结构与算法开发测试游戏开发网络协议系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑笔记本显卡显示器固态硬盘硬盘耳机手机 iphone vivo oppo 小米华为单反装机图拉丁

-> 移动开发 -> Flutter 图片上传功能 -> 正文阅读

[移动开发]Flutter 图片上传功能

import 'package:dio/dio.dart';
import 'package:wechat_assets_picker/wechat_assets_picker.dart';
import 'package:image_picker/image_picker.dart';
                  InkWell(
                    onTap: () => _getImageFromGallery(),
                    child: Text("54555555555555555"),
                  )

  Future _getImageFromGallery() async {
    var image = await ImagePicker().pickImage(source: ImageSource.gallery);
    File file = File(image!.path);//需要把XFile转换成File
    Uploadimage(file);
  }

    Uploadimage(File file) async {
// 单个文件上传,格式一定要注意
    var formData = FormData.fromMap({
      'file': await MultipartFile.fromFile(file.path, filename: 'upload.txt'),
      "userId": 22,
    });

// 多个文件上传
// FormData.fromMap({
//   'files': [
//     MultipartFile.fromFileSync('./example/upload.txt', filename: 'upload.txt'),
//     MultipartFile.fromFileSync('./example/upload.txt', filename: 'upload.txt'),
//   ]
// });

    try {
      Response response;
      Dio dio = new Dio();
      response = await dio.post(
        url,
        data: formData,
        options: Options(contentType: "multipart/form-data"),
      );
      print(response);
    } catch (e) {
      return print(e);
    }
  }