Flutter图片压缩插件compress_getit的使用

在Flutter开发中，处理图片时经常会遇到文件过大或者分辨率过高的问题。为了解决这些问题，我们可以使用compress_getit插件来对图片进行压缩。本文将详细介绍如何使用该插件，并提供一个完整的示例代码。

插件安装

首先，在你的pubspec.yaml文件中添加compress_getit依赖：

dependencies:
  compress_getit: ^1.0.0

然后运行以下命令以获取依赖：

flutter pub get

使用方法

导入插件

在你的Dart文件中导入compress_getit插件：

import 'package:compress_getit/compress_getit.dart';

压缩图片

以下是一个完整的示例代码，展示如何使用compress_getit插件来压缩图片：

import 'dart:io';
import 'package:flutter/material.dart';
import 'package:compress_getit/compress_getit.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: ImageCompressorPage(),
    );
  }
}

class ImageCompressorPage extends StatefulWidget {
  [@override](/user/override)
  _ImageCompressorPageState createState() => _ImageCompressorPageState();
}

class _ImageCompressorPageState extends State<ImageCompressorPage> {
  File? compressedImage;

  Future<void> compressImage(File imageFile) async {
    final compressedFile = await CompressGetit.compressAndGetIt(
      file: imageFile,
      quality: 85, // 设置压缩质量，范围为1到100
      maxWidth: 800, // 设置最大宽度
      maxHeight: 800, // 设置最大高度
    );

    setState(() {
      compressedImage = compressedFile;
    });
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('图片压缩示例'),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            if (compressedImage != null)
              Image.file(compressedImage!),
            ElevatedButton(
              onPressed: () async {
                final imageFile = await pickImage(); // 假设pickImage()是从相册或相机获取图片的方法
                if (imageFile != null) {
                  await compressImage(imageFile);
                }
              },
              child: Text('选择并压缩图片'),
            ),
          ],
        ),
      ),
    );
  }
}

vueper 1楼•1 个月前

更多关于Flutter图片压缩插件compress_getit的使用的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html

compress_getit 是一个用于在 Flutter 中进行图片压缩的插件。它可以帮助你轻松地压缩图片，减少图片文件的大小，从而优化应用的性能和存储空间。以下是如何使用 compress_getit 插件的基本步骤：

1. 添加依赖

首先，你需要在 pubspec.yaml 文件中添加 compress_getit 插件的依赖：

dependencies:
  flutter:
    sdk: flutter
  compress_getit: ^1.0.0  # 请使用最新版本

然后运行 flutter pub get 来安装依赖。

2. 导入插件

在你的 Dart 文件中导入 compress_getit 插件：

import 'package:compress_getit/compress_getit.dart';

3. 使用插件进行图片压缩

compress_getit 提供了简单易用的 API 来压缩图片。以下是一个基本的使用示例：

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

class ImageCompressionExample extends StatefulWidget {
  [@override](/user/override)
  _ImageCompressionExampleState createState() => _ImageCompressionExampleState();
}

class _ImageCompressionExampleState extends State<ImageCompressionExample> {
  File? _compressedImage;

  Future<void> _pickAndCompressImage() async {
    final picker = ImagePicker();
    final pickedFile = await picker.pickImage(source: ImageSource.gallery);

    if (pickedFile != null) {
      final file = File(pickedFile.path);

      // 使用 compress_getit 进行图片压缩
      final compressedFile = await CompressGetit.compressImage(
        file.path,
        quality: 50, // 压缩质量，范围是 0-100
      );

      setState(() {
        _compressedImage = compressedFile;
      });
    }
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Image Compression Example'),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            _compressedImage != null
                ? Image.file(_compressedImage!)
                : Text('No image selected.'),
            SizedBox(height: 20),
            ElevatedButton(
              onPressed: _pickAndCompressImage,
              child: Text('Pick and Compress Image'),
            ),
          ],
        ),
      ),
    );
  }
}

void main() => runApp(MaterialApp(
  home: ImageCompressionExample(),
));