Отключение Drag-n-Drop в dropzonejs

95
27 августа 2021, 02:10

Перечитал кучу всего. на офф сайте просто советуют .disable(). Но я уже все что мог перепробовал, как-то не выходит. в идеале выключать как-то через data-disabled="true" ну или хотя бы как-то. Vue, JQ, ванильно. все подойдет, главное чтоб с консоли нельзя было разблокировать

Answer 1

Как вариант, можете попробовать добавить следующий css к главному контейнеру с Drag&Drop

let isReadonly = true; 
const dropzone = document.querySelector(".drop-zone"); 
 
if(isReadonly) { 
  dropzone.classList.add("stop-uploading"); 
}
.stop-uploading { 
  user-select: none; 
  pointer-events: none; 
  cursor: default; 
}
<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <meta charset="UTF-8"> 
    <title>Title</title> 
</head> 
<body> 
  <h1>Остановка загрузки</h1> 
  <form class="drop-zone"> 
    <input type="file" multiple> 
  </form> 
</body> 
</html>

Answer 2

Попробуйте такой вариант:

ondragstart="return false;" ondrop="return false;"

Пример фейкового кода:

<div ondragstart="return false;" ondrop="return false;">

Или:

<input id="upload" type="file" ondragstart="return false;" ondrop="return false;" />
READ ALSO
Получить данные с Vuex внутри validate()
javascript

Получить данные с Vuex внутри validate()

Всем приветЕсть такой код:

 74
JavaScript заменить значение в массиве
javascript

JavaScript заменить значение в массиве

 80
изменения :before при использовании :hover
CSS

изменения :before при использовании :hover

Прописал для блокаbox:before, нужно чтобы при использовании

 102
Как изменить ширину столбца?
CSS

Как изменить ширину столбца?

Извините за банальный вопрос , но помогите мне поменять ширину столбца (это Vuetify)В документации не нашёл

 149