Dropzone maxFiles non funziona

[U235]

Beh si tratta di mettere un punto d'interruzione all'inizio dell'esecuzione della pagina (nel primo script caricato) e continuare a far andare l'esecuzione passo passo (premi la freccia verso il basso con un puntino oppure spesso basta premere f10 per eseguire un istruzione alla volta) seguendo tutte le istruzioni che vengono eseguite in sequenza. Ma non � semplice se hai molta roba... magari � pi� facile prima capire (se � possibile) dove esattamente avviene la sovrascrittura (se di essa si tratta) cercando di fare la scalata come ti ho detto prima.
O ancora: puoi provare a usare lo strumento cerca. Infatti � chiaro che se qualcosa mi sovrascrive il contenuto di "dropzone" � molto probabile che lo faccia chiamando "dropzone", quindi con una ricerca verso l'alto della parola "dropzone" a partire dalla tua potresti arrivare a trovare subito la riga incriminata.
E ancora: potresti provare a creare una nuova dropzone al posto di usare una gi� istanziata (sempre immaginando che qualcosa viene sovrascritto nella Dropzone):

Dropzone.autoDiscover = false;
var drz = new Dropzone("#myDropzone",
{
  url: "/fake/location",
  autoProcessQueue: false,
  paramName: "file",
  clickable: true,
  maxFilesize: 5, //in mb
  addRemoveLinks: true,
  acceptedFiles: '.png,.jpg',
  dictDefaultMessage: "Upload your file here",
  maxFiles: 1,


  init: function() {
    this.on("sending", function(file, xhr, formData) {
      console.log("sending file");
    });
    this.on("success", function(file, responseText) {
      console.log('great success');
    });
    this.on("addedfile", function(file){
        if(this.files.length>1)
          this.removeFile(file);
      else
        console.log('file added');
      });
  }
});

in questo caso crei una nuova istanza di dropzone, quindi se c'� qualcosa che sovrascrive "dropzone" non lo far� sulla tua istanza (drz in questo caso)
Qui puoi vedere due dropzone che si comportano in maniera diversa, la prima non accetta pi� di un file, mentre la seconda non ha questa limitazione

[pippuccio76]

Beh si tratta di mettere un punto d'interruzione all'inizio dell'esecuzione della pagina (nel primo script caricato) e continuare a far andare l'esecuzione passo passo (premi la freccia verso il basso con un puntino oppure spesso basta premere f10 per eseguire un istruzione alla volta) seguendo tutte le istruzioni che vengono eseguite in sequenza. Ma non � semplice se hai molta roba... magari � pi� facile prima capire (se � possibile) dove esattamente avviene la sovrascrittura (se di essa si tratta) cercando di fare la scalata come ti ho detto prima.
O ancora: puoi provare a usare lo strumento cerca. Infatti � chiaro che se qualcosa mi sovrascrive il contenuto di "dropzone" � molto probabile che lo faccia chiamando "dropzone", quindi con una ricerca verso l'alto della parola "dropzone" a partire dalla tua potresti arrivare a trovare subito la riga incriminata.
E ancora: potresti provare a creare una nuova dropzone al posto di usare una gi� istanziata (sempre immaginando che qualcosa viene sovrascritto nella Dropzone):

Dropzone.autoDiscover = false;
var drz = new Dropzone("#myDropzone",
{
  url: "/fake/location",
  autoProcessQueue: false,
  paramName: "file",
  clickable: true,
  maxFilesize: 5, //in mb
  addRemoveLinks: true,
  acceptedFiles: '.png,.jpg',
  dictDefaultMessage: "Upload your file here",
  maxFiles: 1,


  init: function() {
    this.on("sending", function(file, xhr, formData) {
      console.log("sending file");
    });
    this.on("success", function(file, responseText) {
      console.log('great success');
    });
    this.on("addedfile", function(file){
        if(this.files.length>1)
          this.removeFile(file);
      else
        console.log('file added');
      });
  }
});

in questo caso crei una nuova istanza di dropzone, quindi se c'� qualcosa che sovrascrive "dropzone" non lo far� sulla tua istanza (drz in questo caso)
Qui puoi vedere due dropzone che si comportano in maniera diversa, la prima non accetta pi� di un file, mentre la seconda non ha questa limitazione

Ho visto che se metto il form con class dropzone non funziona la option mentre se metto un div con class dropzone funziona , il problema è che non vede l'evento onsending , cioè via post vedo arrivare qualcosa ma :

Dropzone.options.myDropzone = {
  url: "/users_Lavorazioni/inserisciRecord",
  autoProcessQueue: false,
  paramName: "file",
  clickable: true,
  maxFilesize: 5, //in mb
  maxFiles: 1, //numero massimo di file
  addRemoveLinks: true,
  acceptedFiles: '.png,.jpg',
  dictDefaultMessage: "<i class='fa fa-upload' aria-hidden='true'></i>Clicca o Trascina i tuoi file qui ",


  init: function() {


    var data = new FormData();
    var myDropzone = Dropzone.forElement(".dropzone");




   $('#button_invia_scheda').on("click", function() {
     
        myDropzone.processQueue();    


    });


    myDropzone.on("sending", function(file, xhr, formData) {
        
        console.log("sending file");
        formData.append("filesize", file.size);  




    });
    myDropzone.on("success", function(file, responseText) {
      console.log('great success');
    });
    myDropzone.on("addedfile", function(file){
        console.log('file added');
    });


     myDropzone.on("maxfilesexceeded", function() {
        if (myDropzone.files[1]!=null){
          myDropzone.removeFile(myDropzone.files[0]);
        }
      });
  }
};

NOn vedo in console nessun messaggio anche se premendo il pulsante vedo la progress bar del file riempirsi , mostrare il flag sopra ..

[U235]

Non ho capito se questo problema del form lo hai riscontrato usando una nuova istanza oppure stai continuando ad utilizzare direttamente la variabile dropzone.
Ma quanti dropzone hai nella pagina? Usando direttamente la variabile dropzone ne puoi avere uno solo. Per metterne di più devi creare le tue istanze.

[pippuccio76]

Non ho capito se questo problema del form lo hai riscontrato usando una nuova istanza oppure stai continuando ad utilizzare direttamente la variabile dropzone.
Ma quanti dropzone hai nella pagina? Usando direttamente la variabile dropzone ne puoi avere uno solo. Per metterne di più devi creare le tue istanze.

Direttamente la variabile, un solo dropzone, ma non prendere gli eventi può dipendere da quello?

[pippuccio76]

Non ho capito se questo problema del form lo hai riscontrato usando una nuova istanza oppure stai continuando ad utilizzare direttamente la variabile dropzone.
Ma quanti dropzone hai nella pagina? Usando direttamente la variabile dropzone ne puoi avere uno solo. Per metterne di più devi creare le tue istanze.

Direttamente la variabile, ma il non ricevere gli eventi può dipendere da quello?

[U235]

Direttamente la variabile, ma il non ricevere gli eventi pu� dipendere da quello?

Non posso sapere se qualche script modifica magari la variabile dropzone, quindi fossi in te proverei a creare una mia istanza, difficile che qualcosa la modifichi, dovrebbe azzeccare il nome della variabile... a maggior ragione se non funziona solo nella tua pagina.

[pippuccio76]

Non posso sapere se qualche script modifica magari la variabile dropzone, quindi fossi in te proverei a creare una mia istanza, difficile che qualcosa la modifichi, dovrebbe azzeccare il nome della variabile... a maggior ragione se non funziona solo nella tua pagina.

Ora funziona a livello grafico :

Dropzone.autoDiscover = false;
var drz = new Dropzone("#myDropzone",
{
  url: "/users_Lavorazioni/inserisciRecord",
  autoProcessQueue: false,
  paramName: "file",
  clickable: true,
  maxFilesize: 5, //in mb
  addRemoveLinks: true,
  acceptedFiles: '.png,.jpg',
  dictDefaultMessage: "Upload your file here",
  maxFiles: 1,




  init: function() {






   $('#button_invia_scheda').on("click", function() {
        
        var myDropzone = Dropzone.forElement(".dropzone");
        myDropzone.processQueue();
    });


    this.on("sending", function(file, xhr, formData) {
      console.log("sending file");
              formData.append("id_descrizione_lavorazione", $('#id_class_id_descrizione_lavorazione').val());  
        formData.append("filesize", file.size); 
    });
    this.on("success", function(file, responseText) {
      console.log('great success');
    });
    this.on("addedfile", function(file){
        if(this.files.length>1)
          this.removeFile(file);
      else
        console.log('file added');
      });
  }
});

Ma continua a non ricevere gli eventi nemmeno addedfile ...

[pippuccio76]

Ora funziona a livello grafico :

Dropzone.autoDiscover = false;
var drz = new Dropzone("#myDropzone",
{
  url: "/users_Lavorazioni/inserisciRecord",
  autoProcessQueue: false,
  paramName: "file",
  clickable: true,
  maxFilesize: 5, //in mb
  addRemoveLinks: true,
  acceptedFiles: '.png,.jpg',
  dictDefaultMessage: "Upload your file here",
  maxFiles: 1,




  init: function() {






   $('#button_invia_scheda').on("click", function() {
        
        var myDropzone = Dropzone.forElement(".dropzone");
        myDropzone.processQueue();
    });


    this.on("sending", function(file, xhr, formData) {
      console.log("sending file");
              formData.append("id_descrizione_lavorazione", $('#id_class_id_descrizione_lavorazione').val());  
        formData.append("filesize", file.size); 
    });
    this.on("success", function(file, responseText) {
      console.log('great success');
    });
    this.on("addedfile", function(file){
        if(this.files.length>1)
          this.removeFile(file);
      else
        console.log('file added');
      });
  }
});

Ma continua a non ricevere gli eventi nemmeno addedfile ...

Nono so cosa ho modificato , ora vedo gli event , ma se stampo gli array lato server $_POST e $_FILE vedo solo un 1 senza avere chiave valore