Есть такой код:
//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 чтобы можно было загружать файлы (прикреплять к форме) и выводить имя файла (ов)?
