Flutter图片处理与加载插件flutter_imagekit的使用

flutter_imagekit 是一个用于在Flutter应用中上传和管理图片的插件。它依赖于 ImageKit.io 提供的服务，只需提供私钥即可轻松集成。

使用方法

通过文件上传图片

首先，确保你已经获取了 ImageKit.io 的私钥，并且将其保密。以下是通过文件上传图片的示例代码：

import 'dart:io';
import 'package:flutter/foundation.dart';
import 'package:flutter/material.dart';
import 'package:flutter_imagekit/flutter_imagekit.dart';

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

class MyApp extends StatelessWidget {
  const MyApp({super.key});
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: const MyHomePage(),
    );
  }
}

class MyHomePage extends StatefulWidget {
  const MyHomePage({super.key});
  @override
  State<MyHomePage> createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  double linearProgress = 0.0;
  File? file;

  /// 请使用文件选择器或图片选择器来选择文件
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text("ImageKit.io"),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            LinearProgressIndicator(value: linearProgress),
            const Text(
              'ImageKit.io Upload Progress',
            ),
          ],
        ),
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: () {
          ImageKit.io(
            file,
            // folder: "folder_name/nested_folder", (可选)
            privateKey: "PrivateKey", // (保持机密)
            onUploadProgress: (progressValue) {
              if (kDebugMode) {
                print(progressValue);
              }
              setState(() {
                linearProgress = progressValue;
              });
            },
          ).then((String url) {
            /// 获取上传到 ImageKit.io 的图片链接
            /// 然后可以将其保存到任何地方，例如 Firebase, MongoDB 等。
            if (kDebugMode) {
              print(url);
            }
          });
        },
        tooltip: 'Submit',
        child: const Icon(Icons.add),
      ),
    );
  }
}

通过URL上传图片

如果你已经有了图片的URL，也可以直接通过URL上传图片：

ImageKit.url(
  url,
  // folder: "folder_name/nested_folder", (可选)
  privateKey: "PrivateKey", // (保持机密)
  onUploadProgress: (progressValue) {
    if (kDebugMode) {
      print(progressValue);
    }
  },
).then((String url) {
  /// 获取上传到 ImageKit.io 的图片链接
  /// 然后可以将其保存到任何地方，例如 Firebase, MongoDB 等。
  if (kDebugMode) {
    print(url);
  }
});