@uppy/core

File Selection

This feature allows users to select files from their local system using a customizable dashboard interface.

const Uppy = require('@uppy/core');
const Dashboard = require('@uppy/dashboard');

const uppy = Uppy();
uppy.use(Dashboard, {
  inline: true,
  target: 'body'
});

File Upload

This feature enables the uploading of selected files to a specified endpoint using XHR (XMLHttpRequest).

const Uppy = require('@uppy/core');
const XHRUpload = require('@uppy/xhr-upload');

const uppy = Uppy();
uppy.use(XHRUpload, {
  endpoint: 'https://my-upload-endpoint.com/upload'
});

uppy.upload().then((result) => {
  console.log('Upload complete:', result);
});

Progress Tracking

This feature provides a progress bar to track the upload progress of files.

const Uppy = require('@uppy/core');
const ProgressBar = require('@uppy/progress-bar');

const uppy = Uppy();
uppy.use(ProgressBar, {
  target: 'body',
  hideAfterFinish: false
});

File Validation

This feature allows for custom validation of files before they are uploaded, such as checking file size or type.

const Uppy = require('@uppy/core');

const uppy = Uppy();
uppy.on('file-added', (file) => {
  if (file.size > 1000000) { // 1MB
    uppy.removeFile(file.id);
    alert('File is too large!');
  }
});