dropzone.jsНачало работы с dropzone.js


замечания

dropzone.js - легкий сценарий, который позволяет вам предоставлять пользователям простой интерфейс для загрузки файлов на ваш сервер. Обратите внимание, что dropzone.js требует, чтобы вы настроили обработку на стороне сервера, как указано на их официальном веб-сайте . Файлы загружаются через AJAX.

Он не требует каких-либо внешних библиотек, таких как jQuery. dropzone.js имеет такие функции, как предварительный просмотр миниатюр, индикаторы выполнения, поддержка поддержки и возможность загрузки больших файлов.

Версии

Версия Дата выхода
4.3.0 2016-02-14
4.2.0 2015-10-11
4.1.1 2015-10-11
4.1.0 2015-10-11
4.0.1 2015-02-09
4.0.0 2015-01-25
3.0.0 2013-05-11
2.0.0 2013-03-12
1.0.0 2012-08-13

Привет, мир!

Важно. Обязательно настройте серверную реализацию в соответствии с инструкциями здесь , иначе загрузка не будет работать.

Чтобы начать работу, создайте новый HTML-документ. Загрузите скрипт в соответствии с примером «Установка» и включите его в свой заголовок так (помните, чтобы заменить примерный путь реальным путем!):

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

Включите <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>
 

Для более сложных и конкретных настроек обратитесь к документам об использовании на официальном сайте.