Function fileUpload

Remarks

• The component exposes two states: validFiles and droppedFiles. Every array element is the same object type.

  export interface DroppedMwFile {
   name: string;
   type: string;
   isValid?: boolean;
   message?: string;
   processedFile?: any;
   webUrl?: string;
   fileId: string;
   arrayBuffer?: ArrayBuffer;
  }
  Copy

• If file needs to be validated by file size, use maxFileSize prop.

maxFileSize: {
  size: 5 * 1024 * 1024, // 5MB
  message: 'File size must be less than 5MB',
}
Copy

• If file needs to be validated by file type, use allowedTypes prop. You can specify MIME types (e.g. 'application/pdf') or file extensions (e.g., '.pdf', '.jpg').

allowedTypes: {
  types: ['application/pdf', '.xlsx', '.docx'],
  message: 'File type must be an image, PDF, Excel, or Word document',
}
Copy

• The validate function's type definition is as follows:

validate: (file: DroppedMwFile) => Promise<{
  isValid: boolean;
  message: string;
  processedFile?: any;
}>;;
Copy

• The validate function is optional. If not provided, all files will be considered valid.
• The validate function is called when the user drops a file into the upload area or selects a file from the file system.

fileUpload({
  name: 'upload-file',
  fileUploadTitle: 'Upload Files',
});
Copy

fileUpload({
  name: 'upload-file',
  fileUploadTitle: 'Upload Files',
  text: 'Please select file to upload.',
  error: 'You can upload up to 3 files only.',
  maxFileLimit: 3,
  minFileLimit: 1,
Copy

fileUpload({
  name: 'upload-file',
  fileUploadTitle: 'Upload Files',
  validate: async (file) => {
    const isValid = false // Apply your validation logic here
    const message = isValid ? '' : 'File is not valid'
    return {
      isValid,
      message,
      processedFile: file
    };
  }
});
Copy

fileUpload({
  name: 'upload-file',
  fileUploadTitle: 'Upload Files',
  maxFileSize: {
    size: 5 * 1024 * 1024, // 5MB
    message: 'File size must be less than 5MB',
  },
  allowedTypes: {
    types: ['application/pdf', '.xlsx', '.docx'],
    message: 'File type must be a PDF, Excel, or Word document',
  },

Copy