首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

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

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 可选文件恢复(浏览器崩溃后)

支持多种语言

可访问性

免费

  • 发表于:
  • 原文链接http://kuaibao.qq.com/s/20180102B03HRU00?refer=cp_1026
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

扫码

添加站长 进交流群

领取专属 10元无门槛券

私享最新 技术干货

扫码加入开发者社群
领券