mirror of
https://github.com/adoyle0/thaw.git
synced 2025-01-23 14:29:22 -05:00
57 lines
1.7 KiB
Markdown
57 lines
1.7 KiB
Markdown
# Upload
|
|
|
|
```rust demo
|
|
use send_wrapper::SendWrapper;
|
|
|
|
// let message = use_message();
|
|
let custom_request = move |file_list: SendWrapper<FileList>| {
|
|
// message.create(
|
|
// format!("Number of uploaded files: {}", file_list.length()),
|
|
// MessageVariant::Success,
|
|
// Default::default(),
|
|
// );
|
|
};
|
|
|
|
view!{
|
|
<Upload>
|
|
<Button>
|
|
"upload"
|
|
</Button>
|
|
</Upload>
|
|
}
|
|
```
|
|
|
|
### Drag to upload
|
|
|
|
```rust demo
|
|
|
|
// let message = use_message();
|
|
let custom_request = move |file_list: FileList| {
|
|
// message.create(
|
|
// format!("Number of uploaded files: {}", file_list.length()),
|
|
// MessageVariant::Success,
|
|
// Default::default(),
|
|
// );
|
|
};
|
|
|
|
view! {
|
|
<Upload custom_request>
|
|
<UploadDragger>"Click or drag a file to this area to upload"</UploadDragger>
|
|
</Upload>
|
|
}
|
|
```
|
|
|
|
### Upload Props
|
|
|
|
| Name | Type | Default | Description |
|
|
| -------------- | -------------------------------- | -------------------- | ------------------------------------ |
|
|
| accept | `MaybeSignal<String>` | `Default::default()` | The accept type of upload. |
|
|
| multiple | `MaybeSignal<bool>` | `false` | Allow multiple files to be selected. |
|
|
| custom_request | `Option<Callback<FileList, ()>>` | `Default::default()` | Customize upload request. |
|
|
| children | `Children` | | Upload's content. |
|
|
|
|
### UploadDragger Props
|
|
|
|
| Name | Type | Default | Description |
|
|
| -------- | ---------- | ------- | ------------------------ |
|
|
| children | `Children` | | UploadDragger's content. |
|