素材上传弹窗

AssetUploadModal素材

图鉴只切换预置 UploadItem 状态;正式素材页仍使用 UploadPool 校验、并发上传、失败重试及完成回调。

预览

本地演示,示例文件不会上传。
  • 封面.webp1.2 MB已上传
  • 相册-02.png上传中
  • 草稿插图.jpg420 KB等待中
  • 超大原图.png大小超过 5MB 限制移除
本地演示,内容不会保存

属性

名称类型默认值说明
visibleRwSignal<bool>由调用方提供素材上传弹窗的 visible 参数。
on_uploadedCallback<()>由调用方提供素材上传弹窗的 on_uploaded 参数。

用法

src/components/assets/asset_upload.rs
Leptos view!
let visible = RwSignal::new(false);
let refresh = RwSignal::new(0_u32);

view! {
    <button on:click=move |_| visible.set(true)>"\u4E0A\u4F20\u7D20\u6750"</button>
    <AssetUploadModal
        visible=visible
        on_uploaded=move |()| refresh.update(|n| *n = n.wrapping_add(1))
    />
    // \u7D20\u6750\u5217\u8868\u8BA2\u9605 refresh\uFF0C\u5728\u6210\u529F\u56DE\u8C03\u540E\u91CD\u65B0\u8BFB\u53D6\u3002
}