Flutter网页文件保存插件simple_file_saver_web的使用

Flutter网页文件保存插件simple_file_saver_web的使用

simple_file_saver_web 是 simple_file_saver 的Web实现。该插件允许你在Web应用中保存文件。

使用方法

此插件是被官方支持的（endorsed），因此你可以直接使用 simple_file_saver。当你这样做时，此插件会自动包含在你的应用中，所以你不需要在 pubspec.yaml 文件中添加它。

然而，如果你要导入此包以直接使用其API，你应该像往常一样将其添加到 pubspec.yaml 文件中。

示例代码

以下是一个完整的示例代码，展示了如何使用 simple_file_saver_web 插件来保存文件。

import 'dart:convert';
import 'dart:ui_web';

import 'package:flutter/material.dart';

import 'package:simple_file_saver_platform_interface/simple_file_saver_platform_interface.dart';

// 测试URL
const testUrl = 'https://cdn.glitch.me/4c9ebeb9-8b9a-4adc-ad0a-238d9ae00bb5%2Fmdn_logo-only_color.svg';

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

class MyApp extends StatefulWidget {
  const MyApp({super.key});

  [@override](/user/override)
  State<MyApp> createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: const Text('Simple File Saver Demo'),
        ),
        body: Builder(builder: (context) {
          return Center(
            child: Column(
              mainAxisSize: MainAxisSize.min,
              children: [
                // 按钮：从字节保存文件
                TextButton(
                  child: const Text('点击以从字节保存文件'),
                  onPressed: () async {
                    final result = await SimpleFileSaverPlatform.instance.saveFile(
                      fileInfo: FileSaveInfo.fromBytes(
                        bytes: utf8.encode('Simple file saver test'),
                        basename: 'test_save_from_bytes',
                        extension: 'txt',
                      ),
                    );
                    if (context.mounted) {
                      ScaffoldMessenger.of(context).showSnackBar(
                        SnackBar(
                          content: Text('通过字节下载文件：\n$result'),
                        ),
                      );
                    }
                  },
                ),
                const SizedBox(height: 20),

                // 按钮：从URL保存文件
                TextButton(
                  child: const Text('点击以从URL保存文件'),
                  onPressed: () async {
                    final result = await SimpleFileSaverPlatform.instance.saveFile(
                      fileInfo: FileSaveInfo.fromUrl(
                        url: testUrl,
                        basename: 'test_save_from_url',
                      ),
                    );
                    if (context.mounted) {
                      ScaffoldMessenger.of(context).showSnackBar(
                        SnackBar(
                          content: Text('通过字节下载文件：\n$result'),
                        ),
                      );
                    }
                  },
                ),
                const SizedBox(height: 20),

                // 下载链接：从字节生成
                MouseRegion(
                  cursor: SystemMouseCursors.click,
                  child: SimpleFileSaverPlatform.instance.downloadLinkBuilder(
                    fileInfo: FileSaveInfo.fromBytes(
                      bytes: utf8.encode('Simple file saver test'),
                      basename: 'test_dl_from_bytes',
                      extension: 'txt',
                    ),
                    builder: (context, startDownload) => TextButton(
                      child: const Text('从字节生成下载链接'),
                      onPressed: () async {
                        startDownload.call();
                        if (context.mounted) {
                          ScaffoldMessenger.of(context).showSnackBar(
                            const SnackBar(
                              content: Text('通过字节下载文件。'),
                            ),
                          );
                        }
                      },
                    ),
                  ),
                ),
                const SizedBox(height: 20),

                // 下载链接：从本地资源URL生成
                MouseRegion(
                  cursor: SystemMouseCursors.click,
                  child: SimpleFileSaverPlatform.instance.downloadLinkBuilder(
                    fileInfo: FileSaveInfo.fromUrl(
                      url: AssetManager().getAssetUrl('sample.pdf'),
                      basename: 'test_dl_from_local_url',
                    ),
                    builder: (context, startDownload) => TextButton(
                      child: const Text('从本地资源URL生成下载链接'),
                      onPressed: () async {
                        startDownload.call();
                        if (context.mounted) {
                          ScaffoldMessenger.of(context).showSnackBar(
                            const SnackBar(
                              content: Text('通过URL下载文件。'),
                            ),
                          );
                        }
                      },
                    ),
                  ),
                ),
                const SizedBox(height: 20),

                // 下载链接：从远程资源URL生成
                MouseRegion(
                  cursor: SystemMouseCursors.click,
                  child: SimpleFileSaverPlatform.instance.downloadLinkBuilder(
                    fileInfo: FileSaveInfo.fromUrl(
                      url: testUrl,
                      basename: 'test_dl_from_remote_url',
                    ),
                    builder: (context, startDownload) => TextButton(
                      child: const Text('从远程资源URL生成下载链接'),
                      onPressed: () async {
                        startDownload.call();
                        if (context.mounted) {
                          ScaffoldMessenger.of(context).showSnackBar(
                            const SnackBar(
                              content: Text('通过URL下载文件。'),
                            ),
                          );
                        }
                      },
                    ),
                  ),
                ),
              ],
            ),
          );
        }),
      ),
    );
  }
}