Слияние кода завершено, страница обновится автоматически
| category | type | title |
|---|---|---|
Components |
Data Entry |
Upload |
Upload file by selecting or dragging.
Uploading is the process of publishing information (web pages, text, pictures, video, etc.) to a remote server via a web page or upload tool.
You can consult jQuery-File-Upload about how to implement server side upload interface.
| Property | Description | Type | Default |
|---|---|---|---|
| accept | File types that can be accepted. See input accept Attribute | string | - |
| action | Required. Uploading URL | string | - |
| beforeUpload | Hook function which will be executed before uploading. Uploading will be stopped with false or a rejected Promise returned. Warning：this function is not supported in IE9。 |
(file, fileList) => `boolean | Promise` |
| customRequest | override for the default xhr behavior allowing for additional customization and ability to implement your own XMLHttpRequest | Function | - |
| data | Uploading params or function which can return uploading params. | object|function(file) | - |
| defaultFileList | Default list of files that have been uploaded. | object[] | - |
| dragUploadList | disable drag picture-card
|
boolean | false |
| disabled | disable upload button | boolean | false |
| fileList | List of files that have been uploaded (controlled) | object[] | - |
| headers | Set request headers, valid above IE10. | object | - |
| listType | Built-in stylesheets, support for three types: text, picture or picture-card
|
string | 'text' |
| multiple | Whether to support selected multiple file. IE10+ supported. You can select multiple files with CTRL holding down while multiple is set to be true |
boolean | true |
| name | The name of uploading file | string | 'file' |
| showUploadList | Whether to show default upload list, it is used to set whether to display preview button, remove button, download button, re-upload button, etc | boolean | ShowUploadListInterface | true |
| supportServerRender | Need to be turned on while the server side is rendering. | boolean | false |
| withCredentials | ajax upload with cookie sent | boolean | false |
| onChange | A callback function, can be executed when uploading state is changing. See onChange | Function | - |
| onPreview | A callback function, will be executed when file link or preview icon is clicked. | Function(file) | - |
| onRemove | A callback function, will be executed when removing file button is clicked, remove event will be prevented when return value is false or a Promise which resolve(false) or reject. |
Function(file): `boolean | Promise` |
| onSuccess | A callback function, will be executed when upload success. | Function(response, file) | 无 |
| onProgress | A callback function, will be executed when upload in progress. | Function({ percent }, file) | 无 |
| onError | A callback function, will be executed when upload error. | Function(error, response, file) | 无 |
| onDragEnd | A callback function, will drag picture-card |
Function(fileList) | - |
| requestFileKeys | can upload the file props to the server | string,string[] | 无 |
| showFileSize | Whether file sizes are displayed when listType is text |
boolean | false |
| onStart | File upload starts | (file: UploadFile) => void | |
| onReUpload | File re-upload implementation | (file: UploadFile) => void | |
| renderIcon | Render ICONS in file list | (file: UploadFile, listType: UploadListType, prefixCls?: string) => ReactElement | |
| popconfirmProps | Delete and re-upload confirm dialog box properties | PopconfirmProps |
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| showRemoveIcon | 是否显示删除按钮 | boolean | true |
| showPreviewIcon | 是否显示预览按钮 | boolean | ((file: UploadFile) => boolean) | picture-card 模式下为 true，其他模式下为 false |
| showDownloadIcon | 是否显示下载按钮 | boolean | ((file: UploadFile) => boolean) | picture-card 模式下为 true，其他模式下为 false |
| showReUploadIcon | 是否显示重新上传按钮（当 listType 为 picture-card: true 为 icon, text 为文字形式; 其他 listType 都为文字形式） | boolean | 'text' | ((file: UploadFile, listType: UploadListType) => (boolean | 'text')) | uploadShowReUploadIcon |
| removePopConfirmTitle | 删除弹框确认信息 | string | |
| reUploadText | 重新上传按钮 title 信息 | string | |
| reUploadPopConfirmTitle | 重新上传弹框确认信息 | string | |
| getCustomFilenameTitle | 文件名 title 信息 | (file: UploadFile) => string | 文件名 |
The function will be called when uploading is in progress, completed or failed
When uploading state change, it returns:
{
file: { /* ... */ },
fileList: [ /* ... */ ],
event: { /* ... */ },
}
file File object for the current operation.
{
uid: 'uid', // unique identifier，negative is recommend，to prevent interference with internal generated id
name: 'xx.png' // file name
status: 'done', // options：uploading, done, error, removed
response: '{"status": "success"}', // response from server
linkProps: '{"download": "image"}', // additional html props of file link
}
fileList current list of files
event response from server, including uploading progress, supported by advanced browsers.
Please set property url of property fileList to control content of link
Вы можете оставить комментарий после Вход в систему
Неприемлемый контент может быть отображен здесь и не будет показан на странице. Вы можете проверить и изменить его с помощью соответствующей функции редактирования.
Если вы подтверждаете, что содержание не содержит непристойной лексики/перенаправления на рекламу/насилия/вульгарной порнографии/нарушений/пиратства/ложного/незначительного или незаконного контента, связанного с национальными законами и предписаниями, вы можете нажать «Отправить» для подачи апелляции, и мы обработаем ее как можно скорее.
Опубликовать ( 0 )