HamSter007
@HamSter007
HTML/CSS верстальщик

Dropzonejs POST not found?

Есть такой код:

//js:
var mydropzone = new Dropzone("#my-awesome-dropzone", {
  init: function() {
      this.on("success", function(file) {
          $('#file-name').html(file.name);
      });
  }
});


//css:
.modal {
  display: none;
  
  width: 300px;
  height: 300px;
  text-align: center;
}


//html:
<script src="https://code.jquery.com/jquery-3.0.0.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/dropzone/5.5.1/min/dropzone.min.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/dropzone/5.5.1/min/dropzone.min.js"></script>  
  
  
  
  <a data-fancybox data-src="#modal-file" href="javascript:;" class="btn-file">
    <span>
      Прикрепить файл(ы)
    </span>
    <span id="file-name">
    </span>
  </a>
  
  <div id="modal-file" class="modal">
    <form action="/" method="post" class="dropzone" id="my-awesome-dropzone">
      <div class="dz-message" data-dz-message>
        <span>Выберите файлы Или просто перетащите сюда</span>
      </div>
    </form>
  </div>


Работает на jsbin

Но если запускать у себя на хостинге, то выдает ошибку:

dropzone.min.js:2 POST site-name.com 404 (Not Found)


Вопрос: как правильно настроить Dropzonejs чтобы можно было загружать файлы (прикреплять к форме) и выводить имя файла (ов)?
  • Вопрос задан
  • 56 просмотров
Пригласить эксперта
Ответы на вопрос 1
wagoodoogoo
@wagoodoogoo
prestashop, webix, phalcon, vue, slim, craft cms
Форма указывает на "/" может на сервере вы в папке запускаете?
И для dropzone нужен обработчик, который принимает файл и сохраняет его на сервер, к примеру, php скрипт, а это просто скрипт, который показывает картинку на экране, на сервере её обработать надо.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы