multiple-files-loader v0.1.5

Multiple Files Loader

Ready to use uploader component

Features

• Multiple or single file loader
• Return array of attached files for working on
• Uploading files animation

Installation

npm i multiple-files-loader

Using

• Component

<FileUploader
    files={files}
    onRemoveFile={handleRemoveFile}
    onSelectFiles={handleSelectFile}
/>

• Example of outer functions

const [files, setFiles] = useState([]);

  const handleSelectFile = (filesArr) => {
    const objArr = filesArr.map((file) => {
      return {
        name: file.name,
        size: file.size,
        type: file.type,
        url: "https://file.com/file.pdf",
        loading: false
      };
    });
    setFiles(objArr);
  };

  const handleRemoveFile = (fileName) => {
    setFiles(files.filter((file) => file.name !== fileName));
  };