Почему я не могу использовать библиотеку dropzone?

Question

У меня есть этот образец:

ссылка на сайт

Мы реализовали библиотеку dropzone, которая находится здесь и пыталась использовать... К сожалению, написанный мной код (который я нашел на официальном сайте) не работает

КОД HTML:

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

Подскажите, пожалуйста, как я могу использовать эту библиотеку и посмотреть пример в jsdfiddle?

Заранее спасибо!

Answer 1

Чтобы изменить текст, используйте это:

$(function () {
  setTimeout(function () {
    $(".dz-message").text("Drop tabs here to upload");
  }, 1500);
});

<link href="https://cdnjs.cloudflare.com/ajax/libs/dropzone/4.0.1/dropzone.css" rel="stylesheet" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/dropzone/4.0.1/dropzone.js"></script>

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

Answer 2

Твой код в порядке. Но файл JS, который вы подключили, не работает. Я проверил ваш код. Это правильно. Также Вы не подключили dropzone.css. Без этого вы не получите правильный интерфейс. Посмотрите на фрагмент с dropzonejs, связанный с cdnjs.com

<link href="https://cdnjs.cloudflare.com/ajax/libs/dropzone/4.0.1/dropzone.css" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/dropzone/4.0.1/dropzone.js"></script>

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