前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >可随意集成的模块化文件上传组件 Uppy

可随意集成的模块化文件上传组件 Uppy

作者头像
企鹅号小编
发布2018-01-10 14:45:40
1.4K0
发布2018-01-10 14:45:40
举报
文章被收录于专栏:企鹅号快讯企鹅号快讯

Uppy 是一个流行的模块化文件上传组件,可无缝集成任何框架。

授权协议:MIT

开发语言:JavaScript HTML/CSS

操作系统:跨平台

Uppy 是一个流行的模块化文件上传组件,可无缝集成任何框架。它可从本地磁盘、Google 云端硬盘、Dropbox、Instagram、远程 URL、摄像机和其他位置提取文件,然后将其上传到最终目的地。它非常快速并且易于使用。

从本地磁盘,Google云端硬盘,Dropbox,Instagram获取文件,或使用相机捕捉和记录自拍;

用一个漂亮的界面预览和编辑元数据;

上传到最终目的地,可选择进行处理/编码

示例代码

const 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 = Uppy({ autoProceed: false })

.use(Dashboard, { trigger: '#select-files' })

.use(GoogleDrive, { target: Dashboard, host: 'https://server.uppy.io' })

.use(Instagram, { target: Dashboard, host: 'https://server.uppy.io' })

.use(Webcam, { target: Dashboard })

.use(Tus, { endpoint: 'https://master.tus.io/files/' })

.run()

.on('complete', (result) => {

console.log('Upload result:', result)

})

Uppy 是由一个核心模块和其它用于选择、操作、上传等功能的插件组成。

特性

轻量,模块化的基于插件的架构,易于依赖⚡️

文件可恢复,通过开放的 tus 标准上传,可以避免网络阻塞

支持从网络摄像头,Dropbox,Google Drive,Instagram 中挑选文件,在可能的情况下绕过用户设备,通过 uppy-server 直接在服务器之间同步

能很好的完成文件编码和处理后端,如 Transloadit

圆滑的用户界面

Golden Retriever 可选文件恢复(浏览器崩溃后)

支持多种语言

可访问性

免费

本文来自企鹅号 - 开源中国媒体

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文来自企鹅号 - 开源中国媒体

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
相关产品与服务
对象存储
对象存储(Cloud Object Storage,COS)是由腾讯云推出的无目录层次结构、无数据格式限制,可容纳海量数据且支持 HTTP/HTTPS 协议访问的分布式存储服务。腾讯云 COS 的存储桶空间无容量上限,无需分区管理,适用于 CDN 数据分发、数据万象处理或大数据计算与分析的数据湖等多种场景。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档