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>
 

有關更複雜和特定的設置,請參閱官方網站上的使用文檔