上传

upload

点击 / Enter / Space 打开文件选择；拖入高亮，drop 后文件写入 input.files 并派发 change。

示例

点击或拖拽文件到此处上传

支持多选，单文件不超过 2GB

<div class="demo-col">
  <div class="upload control lift focus-ring" role="button" tabindex="0" aria-label="上传文件">
    <input type="file" multiple />
    <div class="upload-icon"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M12 5v14M5 12h14"/></svg></div>
    <p class="upload-title">点击或拖拽文件到此处上传</p>
    <p class="upload-desc">支持多选，单文件不超过 2GB</p>
    <p class="upload-error" id="demo-upload-files" hidden></p>
  </div>
</div>

安装

bun add @icen.ai/ui
import '@icen.ai/ui/components/upload.css';

用法

import { initUpload } from '@icen.ai/ui/behaviors/upload';
initUpload();