文件拖放区接收拖放到它上面的文件、通过文件选择器选择的文件,以及粘贴的文件。拖入的文件夹会被逐层读取,每个文件都保留自己的路径。
每个文件都会根据 accept、maxSize、minSize、maxFiles 以及你的 validate 函数进行校验,被拒绝的文件会连同原因一起列出。图片会显示预览。
没有 upload 函数时,拖放区会把文件保存在 [(files)] 中,供表单使用。提供该函数后,它会每次上传几个文件,并支持显示进度、取消和重试。请把上传的 signal 传给 fetch,这样取消时上传才会真正停止。
上传
模拟上传会分阶段报告进度。名称中带有“fail”的文件会上传失败,用来演示重试;directory 会添加一个选择文件夹的按钮。
Uploaded: 0
表单附件
没有 upload:拖放区在 [(files)] 中最多保存三个文档,放在其中的自定义文字会替换默认文字。