项目介绍Uppy 由知名文件处理服务商 Transloadit 团队开发,是一款模块化、高扩展性的JavaScript文件上传库。 技术架构Uppy采用“核心+插件”架构,仅需引入所需模块,避免代码冗余: 核心库(@uppy/core):管理文件状态、事件调度; UI插件:如Dashboard(交互面板)、Webcam(摄像头) 代码示例:5分钟快速集成 import Uppy from '@uppy/core'; import Dashboard from '@uppy/dashboard'; import Tus from '@uppy/tus'; const uppy = new Uppy() .use(Dashboard, { inline: true, target: '#app' }) 项目地址 https://github.com/transloadit/uppy
Uppy 是一个流行的模块化文件上传组件,可无缝集成任何框架。 = require('uppy/lib/core') const Dashboard = require('uppy/lib/plugins/Dashboard') const GoogleDrive = require('uppy/lib/plugins/GoogleDrive') const Instagram = require('uppy/lib/plugins/Instagram') const Webcam = require('uppy/lib/plugins/Webcam') const Tus = require('uppy/lib/plugins/Tus') const uppy = : Dashboard, host: 'https://server.uppy.io' }) .use(Instagram, { target: Dashboard, host: 'https://server.uppy.io
五、模块化文件上传组件uppy https://github.com/transloadit/uppy Star 9225 Uppy 是一个流行的模块化文件上传组件,可无缝集成任何框架。
使用 tus-js-client 客户端处理文件上传 tus 协议的团队还开发了一个模块化的文件上传插件 Uppy 。 uppy.use(Tus, { endpoint: 'https://server.tus.local/files/', // 你的 tus 服务器 resume: true, autoRetry : true, retryDelays: [0, 1000, 3000, 5000] }) 更多细节可以查看 uppy 的文档 , 这里 还有些例子可以供你参考。
TensorFlow-Course Awesome-Design-Tools 搜集整理了许多设计相关的工具 GitHub:https://github.com/LisaDziuba/Awesome-Design-Tools Uppy 简单易用,推荐一下 GitHub:https://github.com/transloadit/uppy frontendDaily 由 @前端开发博客 维护的前端开发技术日报,每日分享互联网最精彩的前端技术
开源插件 俺给大家在推荐一个插件,uppy,这个插件支持以下功能: 不依赖于任何插件,支持拖放 不离开页面进行文件上传 在浏览器崩溃的情况下恢复上传
,{time:3000},function (){ uppy.removeFile(file.id); /*删除选项*/ }); } } PHP上传大文件需要进行的修改 web
和Redux通知系统 react-extras - 使用React的有用组件和实用程序 react-instantsearch - Algolia快速搜索React和React Native应用程序 uppy