Security News
The Dark Side of Open Source
At Node Congress, Socket CEO Feross Aboukhadijeh uncovers the darker aspects of open source, where applications that rely heavily on third-party dependencies can be exploited in supply chain attacks.
rc-upload
Advanced tools
Readme
React Upload
npm install
npm start
online example: https://upload.react-component.vercel.app/
var Upload = require('rc-upload');
var React = require('react');
React.render(<Upload />, container);
name | type | default | description |
---|---|---|---|
name | string | file | file param post to server |
style | object | {} | root component inline style |
className | string | - | root component className |
disabled | boolean | false | whether disabled |
component | "div" | "span" | "span" |
action | string | function(file): string | Promise<string> | form action url | |
method | string | post | request method |
directory | boolean | false | support upload whole directory |
data | object/function(file) | other data object to post or a function which returns a data object(a promise object which resolve a data object) | |
headers | object | {} | http headers to post, available in modern browsers |
accept | string | input accept attribute | |
capture | string | input capture attribute | |
multiple | boolean | false | only support ie10+ |
onStart | function | start upload file | |
onError | function | error callback | |
onSuccess | function | success callback | |
onProgress | function | progress callback, only for modern browsers | |
beforeUpload | function | null | before upload check, return false or a rejected Promise will stop upload, only for modern browsers |
customRequest | function | null | provide an override for the default xhr behavior for additional customization |
withCredentials | boolean | false | ajax upload with cookie send |
openFileDialogOnClick | boolean | true | useful for drag only upload as it does not trigger on enter key or click event |
err
: request error messageresponse
: request response, not support on iframeUploadfile
: upload fileresult
: response bodyfile
: upload filexhr
: xhr header, only for modern browsers which support AJAX upload. since
2.4.0Allows for advanced customization by overriding default behavior in AjaxUploader. Provide your own XMLHttpRequest calls to interface with custom backend processes or interact with AWS S3 service through the aws-sdk-js package.
customRequest callback is passed an object with:
onProgress: (event: { percent: number }): void
onError: (event: Error, body?: Object): void
onSuccess: (body: Object): void
data: Object
filename: String
file: File
withCredentials: Boolean
action: String
headers: Object
abort(file?: File) => void: abort the uploading file
rc-upload is released under the MIT license.
FAQs
upload ui component for react
The npm package rc-upload receives a total of 919,344 weekly downloads. As such, rc-upload popularity was classified as popular.
We found that rc-upload demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 5 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
At Node Congress, Socket CEO Feross Aboukhadijeh uncovers the darker aspects of open source, where applications that rely heavily on third-party dependencies can be exploited in supply chain attacks.
Research
Security News
The Socket Research team found this npm package includes code for collecting sensitive developer information, including your operating system username, Git username, and Git email.
Security News
OpenJS is warning of social engineering takeovers targeting open source projects after receiving a credible attempt on the foundation.