как проверить, достигнут ли файл максимального лимита или нет. После того, как вы отобразили уже загруженные изображения в dropzone js? - PullRequest
Новая
       25

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

0 голосов
/ 27 мая 2020

My MaxFilelimit: 1

Итак, в моем случае я загрузил 1 файл с помощью dropzone js. Теперь я обновляю sh страницу, и это уже загруженное изображение отображается в виде эскизов. До сих пор все в порядке.

Однако из-за того, что мой максимальный размер файла установлен на 1 и который я уже загрузил. Таким образом, он не должен позволять мне загружать еще один, но проблема в том, что он все еще позволяет мне загружать файл, а dropzone.js не рассматривает уже отображаемые эскизы изображения с моего сервера как счет до 1.

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

В любом случае, вот код : 

var myLogo = new Dropzone("#logo", {
    // $("#logo").dropzone({
    // maxFiles: 2000,
    addRemoveLinks: true,
    maxFiles: 1,
    maxFilesize: 5, // MB
    acceptedFiles: 'image/*',
    url: "<?php echo VIEW_HOST_PATH; ?>process_upload.php?pt=logo",
    type: "POST",
    // data: {process_type: "process_uploads"},
    success: function (file, response) {
        // console.log(response);
    },
    init: function() {
      var dis_file = 0;
      // console.log('here....');
      $.ajax({
        url: '<?php echo VIEW_HOST_PATH; ?>process_upload.php?pt=logo',
        type: 'POST',
        data: {request: 'fetch'},
        success: function(response) {
            var obj = JSON.parse(response);
            console.log(obj);
            $.each(obj, function(key,value) {
              var mockFile = { name: value.name, size: value.size };
              //console.log(mockFile);
              myLogo.emit("addedfile", mockFile);
              myLogo.emit("thumbnail", mockFile, "<?php echo VIEW_HOST_PATH; ?>" + value.path);
              myLogo.emit("complete", mockFile);
              dis_file++;  
          });
        }, error: function(xhr, status, error) {
           // var err = eval("(" + xhr.responseText + ")");
           // console.log(xhr);+xhr.responseText+" status: "+status+"error: "+error
           alert('Something went wrong!');
        }
      });

      this.on("thumbnail", function(file) { 
          console.log('file has been added');
      });
      this.on('addedfile', function(file) {
          // console.log("display_file: " + dis_file);
      });

      this.on("removedfile", function(file) {
          var removefile = file.name;
          // console.log(file.name);
          // alert("file has been removed."); 
          $.ajax({
              type: "POST",
              url: "<?php echo VIEW_HOST_PATH; ?>process_upload.php?pt=logo",
              data: {id: removefile,processType:'removeFile'},
              success: function (data) {
                  console.log(data);
                  alert(data);
              }, error: function() {
                  alert('something went wrong');
              }
          });
      });

      // maxfilesreached   maxfilesexceeded
    } 
});
...