Flutter文件上传插件uploadcare的使用

Flutter文件上传插件uploadcare的使用

一个用于 Uploadcare 的 Dart 库。

Build Status Build codecov

使用方法

以下是一个简单的使用示例：

import 'package:uploadcare/uploadcare.dart';

void main() {
  var cdnPathBuilder = CdnPathBuilder('693037a8-1c7c-4a4d-9d09-361c67c8cb3a');
  print('path: ${cdnPathBuilder.crop(10, 10).build()}');
}

特性和问题

请在 问题追踪器 中提交功能请求和错误报告。

完整示例Demo

以下是一个完整的示例Demo，展示了如何使用 uploadcare 插件进行文件上传。

import 'package:uploadcare/uploadcare.dart';
import 'package:uploadcare/src/cdn_client.dart';

void main() async {
  // 初始化 Uploadcare SDK
  await Uploadcare.init('your-public-key', 'your-private-key');

  // 创建一个文件上传任务
  var uploadTask = await Uploadcare.uploadFile('/path/to/your/file');

  // 打印上传后的文件路径
  print('Uploaded file path: ${uploadTask.cdnUrl}');
}

完整示例代码

import 'package:flutter/material.dart';
import 'package:uploadcare/uploadcare.dart';
import 'package:uploadcare/src/cdn_client.dart';

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

class MyApp extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('Uploadcare 文件上传示例'),
        ),
        body: Center(
          child: ElevatedButton(
            onPressed: () async {
              try {
                // 初始化 Uploadcare SDK
                await Uploadcare.init('your-public-key', 'your-private-key');

                // 选择要上传的文件（这里以本地文件为例）
                String filePath = '/path/to/your/file';
                
                // 创建一个文件上传任务
                var uploadTask = await Uploadcare.uploadFile(filePath);

                // 打印上传后的文件路径
                print('Uploaded file path: ${uploadTask.cdnUrl}');
                
                // 显示成功消息
                ScaffoldMessenger.of(context).showSnackBar(
                  SnackBar(content: Text('文件上传成功！')),
                );
              } catch (e) {
                // 捕获并处理异常
                print('上传失败: $e');
                ScaffoldMessenger.of(context).showSnackBar(
                  SnackBar(content: Text('文件上传失败，请重试！')),
                );
              }
            },
            child: Text('上传文件'),
          ),
        ),
      ),
    );
  }
}

更多关于Flutter文件上传插件uploadcare的使用的实战教程也可以访问 https://www.itying.com/category-92-b0.html

1 回复

更多关于Flutter文件上传插件uploadcare的使用的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html


uploadcare 是一个文件上传和管理的云服务，它提供了一个 Flutter 插件，方便开发者在 Flutter 应用中集成文件上传功能。以下是使用 uploadcare 插件进行文件上传的基本步骤：

1. 安装依赖

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

dependencies:
  flutter:
    sdk: flutter
  uploadcare: ^0.0.7  # 请根据最新版本号进行更新

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

2. 初始化 Uploadcare

在使用 uploadcare 之前，你需要初始化它。通常你可以在 main.dart 文件中进行初始化：

import 'package:uploadcare/uploadcare.dart';

void main() {
  Uploadcare.initialize(
    publicKey: 'your_public_key',
    secretKey: 'your_secret_key',
  );
  runApp(MyApp());
}

请将 your_public_key 和 your_secret_key 替换为你从 Uploadcare 获取的实际 API 密钥。

3. 上传文件

你可以使用 Uploadcare.uploadFile 方法来上传文件。以下是一个简单的示例：

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

class MyApp extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(title: Text('Uploadcare Example')),
        body: Center(
          child: FileUploadButton(),
        ),
      ),
    );
  }
}

class FileUploadButton extends StatelessWidget {
  Future<void> _uploadFile() async {
    try {
      // 选择文件
      File file = await pickFile(); // 你需要实现 pickFile 方法来选择文件

      // 上传文件
      UploadcareFile uploadedFile = await Uploadcare.uploadFile(file);

      // 打印文件 URL
      print('File uploaded: ${uploadedFile.cdnUrl}');
    } catch (e) {
      print('Error uploading file: $e');
    }
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return ElevatedButton(
      onPressed: _uploadFile,
      child: Text('Upload File'),
    );
  }
}

Future<File> pickFile() async {
  // 这里你可以使用 file_picker 插件来选择文件
  // 例如：
  // FilePickerResult? result = await FilePicker.platform.pickFiles();
  // if (result != null) {
  //   return File(result.files.single.path);
  // } else {
  //   throw Exception('No file selected');
  // }
  throw UnimplementedError('pickFile method not implemented');
}
回到顶部