npmpackage.info

Gathering detailed insights and metrics for rc-upload

Other packages similar to rc-upload

rc-util

5.43.0

Common Utils For React Component

rc-motion

2.9.3

React lifecycle controlled motion library

rc-slider

11.1.7

Slider UI component for React

rc-picker

4.8.2

React date & time picker

Gathering detailed insights and metrics for rc-upload

rc-upload

React Upload

4.8.1

785

MIT

TypeScript

8.17 kB

211,375,078 4.7

Installations

npm install rc-upload

Pull Requests

Open

23

Total

431

Closed

274

Merged

134

Issues

Open

59

Total

154

Closed

95

Releases

v4.8.1

Published on 30 Aug 2024

v4.8.0

Published on 30 Aug 2024

v4.6.0

Published on 11 Jul 2024

v4.3.6

Published on 22 Dec 2023

v4.5.2

Published on 21 Dec 2023

v4.5.1

Published on 13 Dec 2023

View all 31 releases

Developer

react-component

Developer Guide

BETA

Module System

CommonJS

Min. Node Version

Typescript Support

Yes

Node Version

20.17.0

NPM Version

10.8.2 Statistics

785 Stars

412 Commits

320 Forks

32 Watching

17 Branches

77 Contributors

Updated on 12 Nov 2024

Bundle Size

22.99 kB

Minified

8.17 kB

Minified + Gzipped

Bundlephobia

Languages

TypeScript (96.64%)

JavaScript (3.36%)

Total Downloads

Cumulative downloads

Total Downloads

211,375,078

Last day

-5.8%

274,346

Compared to previous day

Last week

3.3%

1,447,729

Compared to previous week

Last month

9.6%

6,002,630

Compared to previous month

Last year

27.7%

61,621,942

Compared to previous year

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

@babel/runtime classnames rc-util

Peer Dependencies

react react-dom

Dev Dependencies

Versions

rc-upload

React Upload

Development

npm install
npm start

Example

http://localhost:8000/

online example: https://upload.react-component.vercel.app/

Feature

support IE11+, Chrome, Firefox, Safari

install

Usage

1var Upload = require('rc-upload');
2var React = require('react');
3React.render(<Upload />, container);

API

props

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

onError arguments

err: request error message
response: request response, not support on iframeUpload
file: upload file

onSuccess arguments

result: response body
file: upload file
xhr: xhr header, only for modern browsers which support AJAX upload. since 2.4.0

customRequest

Allows 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

methods

abort(file?: File) => void: abort the uploading file

License

rc-upload is released under the MIT license.

No vulnerabilities found.

10

Dangerous-Workflow

Determines if the project's GitHub Action workflows avoid dangerous patterns.

10

Binary-Artifacts

Determines if the project has generated executable (binary) artifacts in the source repository.

10

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

10

License

Determines if the project has defined a license.

6

Maintained

Determines if the project is "actively maintained".

4

Code-Review

Determines if the project requires human code review before pull requests (aka merge requests) are merged.

0

CII-Best-Practices

Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.

0

Token-Permissions

Determines if the project's workflows follow the principle of least privilege.

0

Fuzzing

Determines if the project uses fuzzing.

0

Branch-Protection

Determines if the default and release branches are protected with GitHub's branch protection settings.

0

Security-Policy

Determines if the project has published a security policy.

0

SAST

Determines if the project uses static code analysis.

Score

4.7

/10

Last Scanned on 2024-11-18

The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.

Learn More