叉头
这种叉子的存在是因为上游不再维持了. 其目标是使这个库保持良好的状态,主要有bugfixs并可能稍有改进.
新软件包名称是 @deltablot/dropzone
说明
Dropzone是一个JavaScript库,可以将任意HTML元素变成一个 Dropzone. 这意味着用户可以拖放文件到它上, Dropzone 将 显示文件预览并上传进度,并通过 XHR (英语).
它完全可以配置,可以按照您的需要进行样式化,并被信任 成千上万.
快速启动
安装 :
$ npm install --save @deltablot/dropzone
# or with yarn:
$ yarn add @deltablot/dropzone
# or with bun:
$ bun add @deltablot/dropzone
第一个论点是必须附着的内容,第二个论点是: options 对象.
作为 ES6模块 (建议):
import { Dropzone } from "@deltablot/dropzone";
const dropzone = new Dropzone("#elementId", { url: "/file/post" });
或用作 通用JS模块数字 :
const { Dropzone } = require("@deltablot/dropzone");
const dropzone = new Dropzone("#elementId", { url: "/file/post" });
支助科
@import "@deltablot/dropzone/src/dropzone";
不使用包管理器或捆绑器?
使用这样的独立文件 :
<script src="https://unpkg.com/@deltablot/dropzone@7/dist/dropzone-min.js"></script>
<link
rel="stylesheet"
href="https://unpkg.com/@deltablot/dropzone@7/dist/dropzone.css"
type="text/css"
/>
<div class="my-dropzone"></div>
<script>
// Dropzone has been added as a global variable.
const dropzone = new Dropzone(".my-dropzone", { url: "/file/post" });
</script>
- * 完整的文档
- ⚙️
src/options.js所有可用选项
社区
如果您需要支援,请打开一个 问题。 。 。 .
如果您有特性请求或想要讨论什么,请使用 问题 还有.
主要特点
- 默认美丽
- 图像缩略图预览 。 只需登记回电
thumbnail(file, data)并显示您喜欢的图像 - 高DPI 屏幕支持
- 多个文件和同步上传
- 最新进展
- 支持大文件
- 截断上传( 以较小块上载大文件)
- 支持 Amazon S3 多段上传
- 完成主题。 Droppzone的外观和感觉只是默认的主题. 你个 可以通过覆盖默认事件听众来定义全部内容.
- 浏览器图像调整大小( 在上传到您的图像前调整图像大小) 服务器)
- 测试的很好
MIT 许可证
见 自由主义 文件