Я пытаюсь интегрировать Dropzone в html блок
<form class="process-card text-center" id="importCard">
<div class="process-card-img-container">
<img class="img-fluid img" src="/asset/img/process/letter/import.png" alt="Import letter card image">
</div>
<div class="process-card-txt-container">
<h2>Import a file</h2>
<p>Drag and drop your file or</p>
<button class="button-import" type="button">
<img class="img-fluid img" src="/asset/img/process/letter/button-import.png" alt="Import letter card button image">
<span>Browse the computer</span>
</button>
<p class="small-info-button">Max 40</p>
</div>
</form>
И мой js
Dropzone.autoDiscover = false;
$(function(){
$("#importCard").dropzone({ url: "/file/post" });
$('.dz-clickable').on('click', () => console.log('click'))
})
Кажется, что создана dropzone, добавлен класс dz-clickable
до #importCard
. Каждый раз, когда я нажимаю на нее, печатается console.log('click')
, но диалоговое окно файла не открывается, оно открывается время от времени (один раз каждые 20 нажатий приблизительно), и нет логики c, я могу щелкнуть где-нибудь, чтобы открыть а затем нажмите на то же место, и оно не будет работать