oms-ui-uploader v2.3.3
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
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
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
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