Блог

Использование Dropzone в форме для отправки нескольких изображений и других данных формы на контроллер MVC. Все это работало отлично, пока я не добавил НЕСКОЛЬКО

Сторона клиента:

 lt;form id="dz1" method="post" enctype="multipart/form-data" action="/Item/edit/18"gt; lt;div class="form-group"gt;  lt;select class="form-control form-select" multiple size="30" id="existingcharacters" name="existingcharacters" aria-label="Existing Characters"gt;  lt;option value='1'gt;Boba Fettlt;/optiongt;  lt;option value='2'gt;Chewbaccalt;/optiongt;  lt;option value='3'gt;Darth Vaderlt;/optiongt;  lt;option value='4'gt;Han Sololt;/optiongt;  lt;option value='5'gt;Luke Skywalkerlt;/optiongt;  lt;option value='6'gt;Princess Leialt;/optiongt;  lt;option value='7'gt;R2D2lt;/optiongt;  lt;option value='8'gt;Yodalt;/optiongt;  lt;/selectgt; lt;/divgt; lt;div class="form-group pb-3"gt;  lt;div class="dz-message dropzone"gt;  New Image DropZonelt;BRgt;  lt;div class="dropzone-previews"gt;lt;/divgt;  lt;/divgt; lt;/divgt;  

Dropzone JS:

 Dropzone.autoDiscover = false;   var dropzone = new Dropzone('#dz1', {  autoProcessQueue: false,  uploadMultiple: true,  paramName: () =gt; "files",  parallelUploads: 50,  previewTemplate: document.querySelector('#preview-template').innerHTML,  previewsContainer: ".dropzone-previews",  addRemoveLinks: true,  acceptedFiles: ".jpeg,.jpg,.png",  thumbnailHeight: 200,  thumbnailWidth: 200,  thumbnail: function(file, dataUrl) {  if (file.previewElement) {  file.previewElement.classList.remove("dz-file-preview");  var images = file.previewElement.querySelectorAll("[data-dz-thumbnail]");  for (var i = 0; i lt; images.length; i  ) {  var thumbnailElement = images[i];  thumbnailElement.alt = file.name;  thumbnailElement.src = dataUrl;  }  setTimeout(function() {  file.previewElement.classList.add("dz-image-preview");  }, 1);  }  }  });   document.querySelector("#start").onclick = function(e) {  var count = dropzone.files.length;  if (count gt; 0){  e.preventDefault();  dropzone.processQueue();  }  else{  $('#dz1').submit();  }  };  

Если я удалю множественный атрибут из

Это работает (удалено несколько атрибутов):

 lt;select class="form-control form-select" size="30" id="existingcharacters" name="existingcharacters" aria-label="Existing Characters"gt;  

Это Не Работает (добавлено несколько атрибутов):

 lt;select class="form-control form-select" multiple size="30" id="existingcharacters" name="existingcharacters" aria-label="Existing Characters"gt;  

Похоже, существует конфликт между Dropzonejs и этим атрибутом. Кто-нибудь еще сталкивался с этой проблемой и нашел способ использовать значения формы с несколькими вариантами выбора, а также загружать несколько файлов с помощью dropzonejs?

Заранее спасибо