百科.dev
全部条目趋势榜开源项目技术资讯提交条目
登录
< 返回工具列表
D

dropzone

> 编程语言
开源

Dropzone 是一个易于使用拖放库 。 它支持图像预览并显示良好的进度栏.

18.4K stars0 点赞0 次浏览
访问官网GitHub

工具介绍

Dropzone 是一个易于使用拖放库 。 它支持图像预览并显示良好的进度栏.

Droppzone是一个JavaScript库,它将任意HTML元素变成一个 Droppzone. 这意味着用户可以将文件拖放到它上,Dropzone将显示文件预览并上传进度,并通过XHR为您处理上传. 它完全可以配置,可以根据您的需要来作风格并被上千人信任. 快速启动安装 : shash $npm 安装 droppzone 或以 pnpm 安装 droppzone : $pnpm 添加 droppzone 用途为 ES6 模块 (建议): js 从 “ droppzone" 导入 { Droppzone }; const droppzone = 新的 Droppzone ("div#myId", { URl: "/ file/ post" }); 或 使用 commonJS 模块 : js const { Droppzone } ; const droppzone = 新的 Droppzone ("div# myId", { URl: "/ file/ post" } ); ; QQQ 检查不同捆包的例执行 不使用包管理器或捆绑器? 使用这样的独立文件: html <script src="https://unpkg.com/dropzone@6/dist/dropzone-min.js" </scri..

核心特点

  • •📚 Full documentation
  • •⚙️ src/options.js
  • •Beautiful by default
  • •Image thumbnail previews. Simply register the callback thumbnail(file, data)
  • •High-DPI screen support
  • •Multiple files and synchronous uploads
  • •Progress updates
  • •Support for large files
  • •Chunked uploads (upload large files in smaller chunks)
  • •Support for Amazon S3 Multipart upload

> 标签

JavaScriptdrag-and-dropdropzonefile-uploadjavascript

暂无评论,来聊聊你的看法吧

> 工具信息

发布日期2026年8月1日
最后更新2026年9月9日
分类编程语言
定价开源

> 相关工具

T
TypeScript
JavaScript 的超集,为前端与全栈提供静态类型
P
Python
通用编程语言,广泛用于 Web、数据与 AI
G
Go
Google 推出的简洁高效系统语言
百科.dev

开发者百科,帮助你快速发现语言、框架、数据库、DevOps 与云原生等优质开发者工具。

快捷入口

  • 首页
  • 全部条目
  • 趋势榜
  • 开源项目

关于我们

  • 关于我们
  • 社区公约
  • 技术资讯

参与我们

发现好用的开发者工具?欢迎提交分享。

提交条目
© 2026 开发者百科 baike.dev数据每日更新 · 发现优质开发者工具