Как я могу отключить перетаскивание в dropzone.js? ⇐ Javascript

[Anonymous]

Я работаю над загрузчиком файла с помощью Dropzone библиотеки JavaScript. Для этой цели я использую эти строки, чтобы отключить щелчок, если нет изображения: < /p>

Код: Выделить всё

if (file.name !== "") {
myDropzone.options.clickable = false
}
< /code>
Я показываю заполнитель изображения, когда не будет загружено.Dropzone.autoDiscover = false

var myOptions = {
url: window.location.pathname,
autoProcessQueue: false,
uploadMultiple: false,
parallelUploads: 1,
maxFiles: 1,
paramName: name,
thumbnailWidth: 1200,
thumbnailHeight: 900,
addRemoveLinks: true,
dictRemoveFile: '[i][/i]',
dictDefaultMessage: "Drag an image here to upload, or click to select one",
}

var myDropzone = new Dropzone(document.querySelector(".dropzone"), myOptions)
var currentFile = { name: "Existing file" }
myDropzone.options.addedfile.call(myDropzone, currentFile)
myDropzone.options.thumbnail.call(
myDropzone,
currentFile,
"https://placehold.co/1200x900",
)
myDropzone.options.accept = function (file) {
if (file.name !== "") {
myDropzone.options.clickable = false
}
}< /code>
.form-label {
font-weight: 500;
}

.file-upload-default {
display: none;
}

.dropzone {
padding: 0 !important;
border: 1px solid #dee2e6 !important;
border-radius: 6px;
overflow: hidden !important;
}

/* .dropzone .dz-details, */
.dropzone .dz-filename,
.dropzone .dz-progress {
display: none;
}

.dropzone .dz-preview {
display: block;
margin: 0 !important;
}

.dropzone .dz-details {
height: auto !important;
}

.dropzone .dz-preview .dz-image {
border-radius: 0 !important;
width: 100% !important;
height: auto !important;
}

.dropzone .dz-preview .dz-image img {
max-width: 100%;
height: auto !important;
overflow: visible !important;
border-radius: 0;
transform: scale(1) !important;
filter: blur(0) !important;
}

.dropzone .dz-preview .dz-remove {
text-decoration: none !important;
width: 36px;
height: 36px;
justify-content: center;
align-items: center;
border-radius: 50%;
font-family: "Font Awesome";
font-size: 18px;
cursor: pointer;
background: rgba(0, 0, 0, 0.5);
color: #fff;
position: absolute;
top: 10px;
right: 10px;
z-index: 21;
display: none !important;
}

.dropzone .dz-preview:hover .dz-remove {
display: flex !important;
}< /code>







Full name:


Post image

То, что я не смог сделать, также отключить перетаскивание.>

Подробнее здесь: https://stackoverflow.com/questions/796 ... ropzone-js