flutter java使用或覆盖了已过时的 API

转载

mob64ca140ee96c 2024-09-10 22:05:42

文章标签 flutter android List Data Text 文章分类 Java 后端开发

参考一参考二参考一的代码如下

import 'package:flutter/material.dart';
import 'dart:io';
//ByteData这里需要引入dart:typed_data文件，引入service.dart的话app里可以检索到文件个数，但是传递到后台一直是null，时间紧迫我也没抓包看是咋回事儿先这么用吧
import 'dart:typed_data';
import 'package:dio/dio.dart';
//MediaType用
import 'package:http_parser/http_parser.dart';
import 'package:multi_image_picker/multi_image_picker.dart';
 
class TestPage extends StatefulWidget {
  final arguments;
  TestPage({Key key, this.arguments}) : super(key : key);
  _TestPageState createState() => _TestPageState(this.arguments);
}
 
class _TestPageState extends State<TestPage> {
  final arguments;
  _TestPageState(this.arguments);
  //上传图片用
  ScrollController _imgController = new ScrollController();
  List<Asset> _img = new List<Asset>();
 
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        leading: InkWell(
          child: Icon(Icons.keyboard_return),
          onTap: (){
            Navigator.pop(context);
          },
        ),
        title: Text("上传照片"),
      ),
      body: Padding(
        padding: EdgeInsets.all(10),
        child: Column(
          children: [
            Row(
              children: <Widget>[
                this._img == null ? Expanded(
                  flex: 1,
                  child: Text(""),
                ) : Expanded(
                  flex: 1,
                  child: Container(
                    width: double.infinity,
                    height: 50,
                    child: ListView.builder(
                      controller: _imgController,
                      shrinkWrap: true,
                      scrollDirection: Axis.horizontal,
                      itemCount: this._img.length,
                      itemBuilder: (context, index){
                        return Container(
                          width: 50,
                          height: 50,
                          margin: EdgeInsets.only(right: 10),
                          decoration: BoxDecoration(
                              borderRadius: BorderRadius.circular(4.0),
                              border: Border.all(
                                style: BorderStyle.solid,
                                color: Colors.black26,
                              )
                          ),
                          child: AssetThumb(
                            asset: this._img[index],
                            width: 50,
                            height: 50,
                          ),
                        );
                      },
                    ),
                  ),
                ),
                InkWell(
                  child: Container(
                    width: 50,
                    height: 50,
                    margin: EdgeInsets.only(right: 10),
                    decoration: BoxDecoration(
                        borderRadius: BorderRadius.circular(4.0),
                        border: Border.all(
                          style: BorderStyle.solid,
                          color: Colors.black26,
                        )
                    ),
                    child: Center(
                      child: Icon(Icons.camera_alt),
                    ),
                  ),
                  onTap: _openGallerySystem ,
                )
              ],
            ),
            Container(
              width: double.infinity,
              height: 80,
              child: RaisedButton(
                color: Colors.blue,
                child: Text(
                  "提交",
                  style: TextStyle(color: Colors.white),
                ),
                onPressed: () {
                  _submitData();
                },
              ),
            ),
          ],
        )
      ),
    );
  }
 
  //选择文件上传
  void _openGallerySystem () async {
    List<Asset> resultList = List<Asset>();
    resultList = await MultiImagePicker.pickImages(
      //最多选择几张照片
      maxImages: 9,
      //是否可以拍照
      enableCamera: true,
      selectedAssets: _img,
      materialOptions:MaterialOptions(
          startInAllView:true,
          allViewTitle:'所有照片',
          actionBarColor:'#2196F3',
          //未选择图片时提示
          textOnNothingSelected:'没有选择照片',
          //选择图片超过限制弹出提示
          selectionLimitReachedText: "最多选择9张照片"
      ),
    );
    if (!mounted) return;
    setState(() {
      _img = resultList;
    });
  }
 
  //提交数据
  void _submitData () async {
    //处理图片
    List<MultipartFile> imageList = new List<MultipartFile>();
    for (Asset asset in _img) {
      //将图片转为二进制数据
      ByteData byteData = await asset.getByteData();
      List<int> imageData = byteData.buffer.asUint8List();
      MultipartFile multipartFile = new MultipartFile.fromBytes(
        imageData,
        //这个字段要有，否则后端接收为null
        filename: 'load_image',
        //请求contentType，设置一下，不设置的话默认的是application/octet/stream，后台可以接收到数据，但上传后是.octet-stream文件
        contentType: MediaType("image", "jpg"),
      );
      imageList.add(multipartFile);
    }
 
    FormData formData = new FormData.fromMap({
      //后端要用multipartFiles接收参数，否则为null
      "multipartFiles" : imageList
    });
    var res = await Dio().post("你的URL", data: formData);
    //后面随意发挥
  }
}

参考二的代码如下

import 'dart:typed_data';
import 'package:flutter/material.dart';
import 'package:multi_image_picker/multi_image_picker.dart';
import 'package:dio/dio.dart';
import 'package:http_parser/http_parser.dart';

class Test{
  List<Asset> images = List<Asset>();

  // 选择照片并上传
  Future<void> uploadImages() async {
    setState(() {
      images = List<Asset>();
    });
    List<Asset> resultList;

    try {
      resultList = await MultiImagePicker.pickImages(
        // 选择图片的最大数量
        maxImages: 9,
        // 是否支持拍照
        enableCamera: true,
        materialOptions: MaterialOptions(
            // 显示所有照片，值为 false 时显示相册
            startInAllView: true,
            allViewTitle: '所有照片',
            actionBarColor: '#2196F3',
            textOnNothingSelected: '没有选择照片'
        ),
      );
    } on Exception catch (e) {
      e.toString();
    }

    if (!mounted) return;
    images = (resultList == null) ? [] : resultList;
    // 上传照片时一张一张上传
    for(int i = 0; i < images.length; i++) {
      // 获取 ByteData
      ByteData byteData = await images[i].getByteData();
      List<int> imageData = byteData.buffer.asUint8List();

      MultipartFile multipartFile = MultipartFile.fromBytes(
        imageData,
        // 文件名
        filename: 'some-file-name.jpg',
        // 文件类型
        contentType: MediaType("image", "jpg"),
      );
      FormData formData = FormData.fromMap({
        // 后端接口的参数名称
        "files": multipartFile
      });
      // 后端接口 url
      String url = ''；
      // 后端接口的其他参数
      Map<String, dynamic> params = Map();
      // 使用 dio 上传图片
      var response = await dio.post(url, data: formData, queryParameters: params);
      //
      // do something with response...
    }
  }
}

我自己的代码

import 'dart:convert';

import 'package:flutter/material.dart';
import 'dart:io';
//ByteData这里需要引入dart:typed_data文件，引入service.dart的话app里可以检索到文件个数，但是传递到后台一直是null，时间紧迫我也没抓包看是咋回事儿先这么用吧
import 'dart:typed_data';
import 'package:dio/dio.dart';
import 'package:fluttertoast/fluttertoast.dart';
//MediaType用
import 'package:http_parser/http_parser.dart';
import 'package:multi_image_picker/multi_image_picker.dart';
import 'package:shared_preferences/shared_preferences.dart';

import 'data/PublishMomentData.dart';

class TestPage extends StatefulWidget {

  TestPage({Key key,}) : super(key : key);
  _TestPageState createState() => _TestPageState();
}

class _TestPageState extends State<TestPage> {

  _TestPageState();
  //上传图片用
  ScrollController _imgController = new ScrollController();
  // List<Asset> _img = new List<Asset>();
  List<Asset> images = List<Asset>();

//发布动态接口
  publishMoment() async {
    for(int i = 0; i < images.length; i++) {
      SharedPreferences prefs = await SharedPreferences.getInstance();
      var tokens = prefs.getString("token");
      // 获取 ByteData
      ByteData byteData = await images[i].getByteData();
      List<int> imageData = byteData.buffer.asUint8List();

      MultipartFile multipartFile = MultipartFile.fromBytes(
        imageData,
        // 文件名
        filename: 'some-file-name.jpg',
        // 文件类型
        contentType: MediaType("image", "jpg"),
      );
      FormData formData = FormData.fromMap({
        // 后端接口的参数名称
        "photos": multipartFile
      });
      // 后端接口 url

    }

  }
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        leading: InkWell(
          child: Icon(Icons.keyboard_return),
          onTap: (){
            Navigator.pop(context);
          },
        ),
        title: Text("上传照片"),
      ),
      body: Padding(
          padding: EdgeInsets.all(10),
          child: Column(
            children: [
              Row(
                children: <Widget>[
                  this.images == null ? Expanded(
                    flex: 1,
                    child: Text(""),
                  ) : Expanded(
                    flex: 1,
                    child: Container(
                      width: double.infinity,
                      height: 50,
                      child: ListView.builder(
                        controller: _imgController,
                        shrinkWrap: true,
                        scrollDirection: Axis.horizontal,
                        itemCount: this.images.length,
                        itemBuilder: (context, index){
                          return Container(
                            width: 50,
                            height: 50,
                            margin: EdgeInsets.only(right: 10),
                            decoration: BoxDecoration(
                                borderRadius: BorderRadius.circular(4.0),
                                border: Border.all(
                                  style: BorderStyle.solid,
                                  color: Colors.black26,
                                )
                            ),
                            child: AssetThumb(
                              asset: this.images[index],
                              width: 50,
                              height: 50,
                            ),
                          );
                        },
                      ),
                    ),
                  ),
                  InkWell(
                    child: Container(
                      width: 50,
                      height: 50,
                      margin: EdgeInsets.only(right: 10),
                      decoration: BoxDecoration(
                          borderRadius: BorderRadius.circular(4.0),
                          border: Border.all(
                            style: BorderStyle.solid,
                            color: Colors.black26,
                          )
                      ),
                      child: Center(
                        child: Icon(Icons.camera_alt),
                      ),
                    ),
                    onTap: _openGallerySystem ,
                  )
                ],
              ),
              Container(
                width: double.infinity,
                height: 80,
                child: RaisedButton(
                  color: Colors.blue,
                  child: Text(
                    "提交",
                    style: TextStyle(color: Colors.white),
                  ),
                  onPressed: () {
                    // publishMoment();
                    _submitData();
                  },
                ),
              ),
            ],
          )
      ),
    );
  }

  //选择文件上传
  void _openGallerySystem () async {
    List<Asset> resultList = List<Asset>();
    resultList = await MultiImagePicker.pickImages(
      //最多选择几张照片
      maxImages: 9,
      //是否可以拍照
      enableCamera: true,
      selectedAssets: images,
      materialOptions:MaterialOptions(
          startInAllView:true,
          allViewTitle:'所有照片',
          actionBarColor:'#2196F3',
          //未选择图片时提示
          textOnNothingSelected:'没有选择照片',
          //选择图片超过限制弹出提示
          selectionLimitReachedText: "最多选择9张照片"
      ),
    );
    if (!mounted) return;
    setState(() {
      images = resultList;
    });
  }

  //提交数据
  void _submitData () async {
    //处理图片
    List<MultipartFile> imageList = new List<MultipartFile>();
    for (Asset asset in images) {
      //将图片转为二进制数据
      ByteData byteData = await asset.getByteData();
      List<int> imageData = byteData.buffer.asUint8List();
      MultipartFile multipartFile = new MultipartFile.fromBytes(
        imageData,
        //这个字段要有，否则后端接收为null
        filename: 'load_image',
        //请求contentType，设置一下，不设置的话默认的是application/octet/stream，后台可以接收到数据，但上传后是.octet-stream文件
        contentType: MediaType("image", "jpg"),
      );
      imageList.add(multipartFile);
    }

    FormData formData = new FormData.fromMap({
      //后端要用multipartFiles接收参数，否则为null
      "photos" : imageList
    });
    // var res = await Dio().post("你的URL", data: formData);
    //后面随意发挥
    var apiUrl = "http://47.242.63.216:9527/v1/moment/publish";
    SharedPreferences prefs = await SharedPreferences.getInstance();
    var tokens = prefs.getString("token");

    // 后端接口的其他参数
    Map<String, dynamic> params = Map();

    //网络请求添加token请求头
    Response result = await Dio().post(apiUrl,
        data: formData, options: Options(headers: {"x-token": tokens}));
    debugPrint("${result}");
    // 使用 dio 上传图片
    // var response = await dio.post(url, data: formData, queryParameters: params);
    //
    // do something with response...
    //json解析
    Map<String, dynamic> authCode = json.decode(result.toString());
    var mes = PublishMomentData.fromJson(authCode);
    if (mes.code == 200) {
      Fluttertoast.showToast(
          msg: "发布成功",
          toastLength: Toast.LENGTH_SHORT,
          gravity: ToastGravity.CENTER,
          timeInSecForIosWeb: 10,
          backgroundColor: Colors.white,
          textColor: Colors.black,
          fontSize: 16.0);
      //返回动态界面
      Navigator.pop(context);
      // Navigator.pop(context);
    } else {
      Fluttertoast.showToast(
          msg: "发布失败",
          toastLength: Toast.LENGTH_SHORT,
          gravity: ToastGravity.CENTER,
          timeInSecForIosWeb: 10,
          backgroundColor: Colors.white,
          textColor: Colors.black,
          fontSize: 16.0);
    }
  }
}

本文章为转载内容，我们尊重原作者对文章享有的著作权。如有内容错误或侵权问题，欢迎原作者联系我们进行内容更正或删除文章。