Skip to content

6thsolution/large_file_uploader

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

11 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Large File Uploader (Only Web)

A plugin for uploading large file in flutter web.

Let's get started

1 - Depend on it

Add it to your package's pubspec.yaml file
dependencies:
  large_file_uploader: ^0.0.7

2 - Install it

Install packages from the command line
flutter pub get

3 - Import it

Import it to your project
import 'package:large_file_uploader/large_file_uploader.dart';

4 - Copy It

Copy upload_worker.js to project public folder

How to use?

Simple usage
LargeFileUploader().selectFileAndUpload(
    uploadUrl:
      'https://baseurl.com/upload-path',
    data: {
      'title': 'My image', //Additional fields to send with file
    },
    headers: {
      'Authorization':
          'Bearer <accessToken>' 
    },
    onSendProgress: (progress) =>
        debugPrint('onSendProgress:$progress'),
    onComplete: () => debugPrint('onComplete'),
    onFailure: () => debugPrint('onFailure'),
  );
Advanced usage
  import 'dart:html' as html;
  import 'package:large_file_uploader/large_file_uploader.dart';

  ...

  final _largeFileUploader = LargeFileUploader();
  html.File? file; 
  html.File? thumbnail;

  _largeFileUploader._largeFileUploader.pick(
        type: FileTypes.video, 
        callback: (file) {
        pickedThumbnail = file;
    });
  );

  _largeFileUploader._largeFileUploader.pick(
        customType: 'image/jpeg', 
        callback: (file) {
        thumbnail = file;
    });
  );
  
  if(file != null){
    _largeFileUploader.upload(
        uploadUrl: url,
        headers: {"Authorization": "Bearer <accessToken>"},
        data: {"title": "My Image", "thumbnail": thumbnail, "file": file},
        onSendProgress: (progress) => debugPrint(progress.toString()),
        onComplete: (response) => debugPrint(response.toString()),
    );
  }