oms-ui-uploader v2.3.3
OMS-UI-UPLOADER
MultiFile Uploader
Installation
Install oms-ui-uploader with npm
npm install oms-ui-uploaderInstall oms-ui-uploader with yarn
yarn add oms-ui-uploaderUsage/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

1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago