oms-ui-uploader v2.2.1
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
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
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
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