dropzone.jsdropzone.js入门


备注

dropzone.js是一个轻量级脚本,允许您为用户提供一个简单的界面来将文件上传到您的服务器。请注意,dropzone.js要求您设置服务器端处理,如其官方网站上所述 。文件通过AJAX上传。

它不需要任何外部库,如jQuery。 dropzone.js具有缩略图预览,进度条,提示支持和上传大文件的功能。

版本

发布日期
4.3.0 2016年2月14日
4.2.0 2015年10月11日
4.1.1 2015年10月11日
4.1.0 2015年10月11日
4.0.1 2015年2月9日
4.0.0 2015年1月25日
3.0.0 2013年5月11日
2.0.0 2013年3月12日
1.0.0 2012年8月13日

你好,世界!

重要提示:请务必按照此处的说明设置服务器端实现,否则上传将无效。

首先,创建一个新的HTML文档。按照“安装”示例下载脚本,并将其包含在头标记中,如下所示(记住用实际路径替换示例路径!):

<script src="/path/to/dropzone.js"></script>

<body> 加入<form> <body>

<form action="/file-upload" class="dropzone" id="my-awesome-dropzone"></form>

而已!这是一个完整的例子:

<html>
    <head>
        <title>My Awesome Website!</title>
        <script src="/path/to/dropzone.js"></script>
    </head>
    <body>
        <form action="/file-upload" class="dropzone" id="my-awesome-dropzone"></form>
    </body>
</html>
 

有关更复杂和特定的设置,请参阅官方网站上的使用文档