文章底部获取项目地址
Uppy Dashboard： 一个全功能的上传控制面板，包括添加文件、编辑图像、生成缩略图等功能。它是一个强大、响应式且可插件化的界面。
npm install @uppy/core @uppy/dashboard
import Uppy from
'@uppy/core';
import Dashboard from
'@uppy/dashboard';
import
'@uppy/core/dist/style.min.css';
import
'@uppy/dashboard/dist/style.min.css';
new Uppy().use(Dashboard, { inline: true, target: '#uppy-dashboard' });import Tus from
'@uppy/tus';
new Uppy().use(Tus, { endpoint: 'https://xxx/files/' });Tus API 参见官方文档。
Uppy 文件属性：
file.source文件来源、file.id唯一 ID、file.name文件名、file.meta元数据、file.typeMIME 类型、file.data文件数据、file.progress上传进度、file.size文件大小、file.isRemote是否从远程导入、file.remote远程源数据、file.preview预览 URL、file.uploadURL上传完成后的文件 URL。
远程文件源集成：通过 Companion 服务，Uppy 可以从云端服务集成文件，简化了认证过程，并减少了从远程源下载文件的成本。
技术栈集成：Uppy 可以无缝集成到现有的技术栈中，支持多种框架，如 React、Vue、Svelte 或 Angular。
Companion 服务：Companion 是一个托管的、独立的或中间件服务器，用于处理文件认证的复杂性和下载文件的成本，这意味着大文件不会消耗用户的流量，同时开发者不需要担心 OAuth 问题。
大文件上传：支持通过开放的 Tus 标准进行断点续传的大文件上传，与 Transloadit 的文件编码和处理后端配合良好。 文件恢复：通过 Golden Retriever 支持文件恢复，即使在浏览器崩溃或意外导航后也能恢复文件上传，并支持多语言 i18n 以及无障碍功能。
《前端资源推荐》公众号收集各种前端组件 UI 框架、JS 插件工具、中后台系统模板、动画库、低代码、可视化资源、开源项目、学习资源、特效源码等，如有其他优秀资源，欢迎发消息投稿，感谢点赞、在看、转发、关注！！！
其他推荐
项目地址
GitHub：https://github.com/transloadit/uppy
