Dropzone Init() не выполняется

Question

Я настроив dropzone.js

Мой макет является:

Мой HTML Содержимое:

<form action="/Drag/SaveUploadedData/" enctype="multipart/form-data" id="dropzoneForm"> 
<div class="dropzone" id="mydropzone"></div> 
<div style="position:absolute;bottom:0;"> 
    <ul style="color:red;"> 
     <li style="list-style-type:square;"> 
      Invalid file name/type 
     </li> 
    </ul> 
</div> 
<input type='file' id='fileUpload' style='opacity:0;' multiple onchange="javascript: addFilesToDropzone();" /> 

Я использую ссылку как файлU pload называется «Просмотр»

При нажатии этого откроется диалоговое окно открытия файла, и мы будем выбирать файл.

Я написал в onchange="javascript: addFilesToDropzone();" событие #fileUpload. Это вызовет следующую функцию,

function addFilesToDropzone() 
{ 
    document.getElementById('mydropzone').files = document.getElementById('fileUpload').files; 

    Dropzone.options.mydropzone = { 
     init: function() { 
      //var dropZone = this; 
      if (document.getElementById('mydropzone').files.length > 0) { 
       alert(); 
       $.each(files, function (index, item) { 
        this.emit('addedfile', 'uploading'); 
       }); 
      } 

     } 
    }; 
} 

Моя проблема в том, что не выполняет Dropzone.options.mydropzone линии и, следовательно, она не выполняет init().

Я получил файлы из #fileUpload ввода, но он не выполняет init(), чтобы вызвать метод addedfile в dropzone.js

Почему это происходит? и как решить эту проблему ?.

Answer 1

В этом коде вы определяете объект javascript с именем mydropzone внутри параметров объекта, который находится внутри объекта Dropzone.

Внутри объекта mydropzone вы определили функцию init. не

Dropzone.options.mydropzone = { 
     init: function() { 
      //var dropZone = this; 
      if (document.getElementById('mydropzone').files.length > 0) { 
       alert(); 
       $.each(files, function (index, item) { 
        this.emit('addedfile', 'uploading'); 
       }); 
      } 

     } 
    }; 

теперь для того, чтобы вызвать эту функцию вам необходимо сделать:

Dropzone.options.mydropzone.init();