OMS-UI-UPLOADER

MultiFile Uploader

Installation

Install oms-ui-uploader with npm

  npm install oms-ui-uploader

Install oms-ui-uploader with yarn

  yarn add oms-ui-uploader

Usage/Examples

import ...
import { GeneralUploader } from "oms-ui-uploader";
import { instance } from "@services/axios";

function App() {

    const [initialFiles,setInitialFiles]=useState([{id: "123",name: "asd",hash: "asd",mimetype: "txt",size: 123,},])

  return (
      <GeneralUploader
          axios={axiosInstance}
          uploadUrl="https://airtour-media-server-stage.c3.darkube.app/api/GroupMedia"
          getUrl="https://airtour-media-server-stage.c3.darkube.app/api/GroupMedia"
          initialFiles={initFiles}
          customValidatorMimeType={[
            "image/jpeg",
            "image/png",
            "application/pdf",
          ]}
          // readOnly
          onNotify={(type, message, file?) =>
            notificationHandler(type, message, file)
          }
        />
      )
}

Provider Props

| Name | Description | | ------------------- | ---------------------------------------------- | | axios | get an instance of axios | | uploadUrl | string | | getUrl | string | | initialFiles | get an array of files | | maxNumberOfFiles | number => config accepting max number of file | | maxFileSizeKB | number => config max file size in kb | | readOnly | boolean => for viewing initial files only | | className | string | | acceptableFiles | {"image/jpeg" : ".jpeg","image/*" : ".png"} | | customValidatorMim. | ["image/jpeg","image/png","application/pdf",] | | onNotify | (type, message,value?) =>{} | | singleFileMode | boolean => prevent opening dialoge of file exi |

Features

• Upload multiple files
• Choose to config for uploading a single file
• View mode only
• Download file
• Delete file
• Config max number of files
• Config acceptable max file size
• Passing type, message and file for notification

Screenshots