Drag and Drop Upload не работает в Mozilla - PullRequest
Новая
       2

Drag and Drop Upload не работает в Mozilla

0 голосов
/ 01 февраля 2019

Я пытаюсь создать функцию перетаскивания для загрузки с помощью функций ondragover и ondrop. 

dropContainer.ondragover=dropContainer.ondragenter=function(evt) {
    evt.preventDefault();
};
dropContainer.ondrop=function(evt) { 
   if(evt.dataTransfer.files.length <= 1){
      wpUploadFile.files = evt.dataTransfer.files;
      evt.preventDefault();
   } else {
      alert("Please upload only one file.");
      evt.preventDefault();
   }
};
<input type='file' id='wpUploadFile'></input>
 
<div id='dropContainer' style='border: dashed 0.5px;border-bottom-right-radius: 14px;border-top-left-radius: 14px;background: #f9f9f9;text-align: center;padding: 6px;padding-bottom: 10px;width:600px'>
   <p id='dropContainerP'style='color:grey; font-size: 14px;padding: 2px;'>Drag And Drop File To Upload</p>
   <img src='cloud-upload1.png' style='height: 36px;margin-top: -23px;'></img>
</div>

Я хочу, чтобы при перетаскивании файла в dropContainer файл также назначался для wpUploadFile (файл типа ввода).Этот код работает нормально Chrome, но не на Mozilla.версия chrome: 66.0.3359.139 версия mozilla firefox: 65.0

Помогите, пожалуйста, предоставить решение, позволяющее работать и в firefox.

...