Flutter拍照与选择照片并且保存到本地-阿里云开发者社区

Flutter拍照与选择照片并且保存到本地

2022-11-14 540

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介： 本文使用：image_picker插件该插件已支持Android与IOS需要适配web的同学可以使用：image_picker_web(可以完成开发中的大部分需求，但有部分机型会出现调用相机时闪退问题）

本文使用：image_picker插件

该插件已支持Android与IOS

需要适配web的同学可以使用：image_picker_web

(可以完成开发中的大部分需求，但有部分机型会出现调用相机时闪退问题）

话不多说先上效果图：

拍照：

请添加图片描述

相册：
请添加图片描述

核心代码：

final picker = ImagePicker(); //初始化
///存放的图片
File _imgPath;

Future getImage(bool isTakePhoto) async {
  try {
    var pickedFile = await picker.getImage(
        source: isTakePhoto ? ImageSource.camera : ImageSource.gallery);
    if (pickedFile != null) {
      setState(() {
        _imgPath = File(pickedFile.path);
      });
    } else {
      print('没有选择任何图片');
    }
  } catch (e) {
    print("该手机不支持相机");
  }
}

具体代码：

import 'dart:io';
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:image_picker/image_picker.dart';

class ImageTest extends StatefulWidget {
  @override
  State<StatefulWidget> createState() => ImageState();
}

class ImageState extends State<ImageTest> {
  final picker = ImagePicker();
  File _imgPath;

  Future getImage(bool isTakePhoto) async {
    try {
      var pickedFile = await picker.getImage(
          source: isTakePhoto ? ImageSource.camera : ImageSource.gallery);
      if (pickedFile != null) {
        setState(() {
          _imgPath = File(pickedFile.path);
        });
      } else {
        print('没有选择任何图片');
      }
    } catch (e) {
      print("该手机不支持相机");
    }
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: ListView(
        children: [
          MaterialButton(
              minWidth: 100,
              height: 100,
              color: Colors.blue,
              onPressed: () {
                getImage(true);
              },
              child: Text(
                "拍照",
                style: TextStyle(fontSize: 32, color: Colors.white),
              )),
          SizedBox(
            height: 30,
          ),
          MaterialButton(
              minWidth: 100,
              height: 100,
              color: Colors.blue,
              onPressed: () {
                getImage(false);
              },
              child: Text("选择照片",
                  style: TextStyle(fontSize: 32, color: Colors.white))),
          _imgPath != null
              ? Image.file(
                  _imgPath,
                  fit: BoxFit.cover,
                )
              : Center(
                  child: Text(
                  "没有选择照片",
                  style: TextStyle(fontSize: 32, color: Colors.black)s,
                ))
        ],
      ),
    );
  }
}