代码拉取完成,页面将自动刷新
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 |
pastable | boolean | false | support paste upload |
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.
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。