• 0 Vote(s) - 0 Average
  • 1
  • 2
  • 3
  • 4
  • 5
$_FILES Array getting empty when using $this->form_validation->run()

#31
(06-12-2019, 04:48 AM)hc-innov Wrote: try this (not in JQUERY).
remove the die() in your controller and the redirect function.

Code:
Dropzone.options.propertyForm({
      addRemoveLinks: true,
      paramName: "file",
      maxFiles:11,
      autoProcessQueue: false,
      uploadMultiple: true,
      acceptedFiles: "image/*",
      maxFilesize: 1,
      parallelUploads: 10,

      init: function () {
          var myDropzone = this;
          document.getElementById("submit-all").addEventListener("click", function(e) {
            e.preventDefault();
            e.stopPropagation();
            $(window).scrollTop(0);

            if ( $("#property-form").valid() ) {
              myDropzone.processQueue();

            }

            });
                  // Listen to the sendingmultiple event. In this case, it's the sendingmultiple event instead
           // of the sending event because uploadMultiple is set to true.
           this.on("sendingmultiple", function() {
             console.log('send event');
           });
           this.on("successmultiple", function(files, response) {
             console.log(response);
           });
           this.on("errormultiple", function(files, response) {
             console.log('error');
           });

       }  
   });

Buddy,
Where I have to try this piece of code ?
Reply

#32
(06-12-2019, 04:49 AM)sarath_unrelax Wrote:
(06-12-2019, 04:48 AM)hc-innov Wrote: try this (not in JQUERY).
remove the die() in your controller and the redirect function.

Code:
Dropzone.options.propertyForm({
      addRemoveLinks: true,
      paramName: "file",
      maxFiles:11,
      autoProcessQueue: false,
      uploadMultiple: true,
      acceptedFiles: "image/*",
      maxFilesize: 1,
      parallelUploads: 10,

      init: function () {
          var myDropzone = this;
          document.getElementById("submit-all").addEventListener("click", function(e) {
            e.preventDefault();
            e.stopPropagation();
            $(window).scrollTop(0);

            if ( $("#property-form").valid() ) {
              myDropzone.processQueue();

            }

            });
                  // Listen to the sendingmultiple event. In this case, it's the sendingmultiple event instead
           // of the sending event because uploadMultiple is set to true.
           this.on("sendingmultiple", function() {
             console.log('send event');
           });
           this.on("successmultiple", function(files, response) {
             console.log(response);
           });
           this.on("errormultiple", function(files, response) {
             console.log('error');
           });

       }  
   });

Buddy,
Where I have to try this piece of code ?

In my .js file right ?
Reply

#33
(06-12-2019, 04:53 AM)sarath_unrelax Wrote:
(06-12-2019, 04:49 AM)sarath_unrelax Wrote:
(06-12-2019, 04:48 AM)hc-innov Wrote: try this (not in JQUERY).
remove the die() in your controller and the redirect function.

Code:
Dropzone.options.propertyForm({
      addRemoveLinks: true,
      paramName: "file",
      maxFiles:11,
      autoProcessQueue: false,
      uploadMultiple: true,
      acceptedFiles: "image/*",
      maxFilesize: 1,
      parallelUploads: 10,

      init: function () {
          var myDropzone = this;
          document.getElementById("submit-all").addEventListener("click", function(e) {
            e.preventDefault();
            e.stopPropagation();
            $(window).scrollTop(0);

            if ( $("#property-form").valid() ) {
              myDropzone.processQueue();

            }

            });
                  // Listen to the sendingmultiple event. In this case, it's the sendingmultiple event instead
           // of the sending event because uploadMultiple is set to true.
           this.on("sendingmultiple", function() {
             console.log('send event');
           });
           this.on("successmultiple", function(files, response) {
             console.log(response);
           });
           this.on("errormultiple", function(files, response) {
             console.log('error');
           });

       }  
   });

Buddy,
Where I have to try this piece of code ?

In my .js file right ?

Buddy,I have to put in my addProperty.js file or with the html form directly. ?
Reply

#34
In your javascript code.
the full version:

Code:
$(document).ready(function(){
  $("#error_msg").hide();
    var addPropertyForm = $("#property-form");

    var validator = addPropertyForm.validate({
       rules:{
        prop_rooms : {required : true, selected: true },
        prop_address :{ required : true },
        prop_owner_name :{ required : true },
        prop_owner_email :{ required : true, email : true },
        prop_owner_phone :{ required : true, digits : true },
       },
       messages:{
        prop_rooms : { required : "Please select bed rooms", selected : "Please select atlease one option" },
               prop_address : { required : "Please enter address of villa"},
        prop_owner_name : { required : "Please enter name of owner"},
        prop_owner_email : { required : "Please enter email of owner", email : "Please enter valid email"},
        prop_owner_phone : { required : "Please enter phone of owner", digits : "Please enter valid phone no"}
       }
   });




  Dropzone.options.propertyForm({
      addRemoveLinks: true,
      paramName: "file",
      maxFiles:11,
      autoProcessQueue: false,
      uploadMultiple: true,
      acceptedFiles: "image/*",
      maxFilesize: 1,
      parallelUploads: 10,

      init: function () {
          var myDropzone = this;
          document.getElementById("submit-all").addEventListener("click", function(e) {
            e.preventDefault();
            e.stopPropagation();
            $(window).scrollTop(0);

            if ( $("#property-form").valid() ) {
              myDropzone.processQueue();

            }

            });
                  // Listen to the sendingmultiple event. In this case, it's the sendingmultiple event instead
           // of the sending event because uploadMultiple is set to true.
           this.on("sendingmultiple", function() {
             console.log('send event');
           });
           this.on("successmultiple", function(files, response) {
             console.log(response);
           });
           this.on("errormultiple", function(files, response) {
             console.log('error');
           });

       }  
   });
});
Reply

#35
(06-12-2019, 05:14 AM)hc-innov Wrote: In your javascript code.
the full version:

Code:
$(document).ready(function(){
  $("#error_msg").hide();
    var addPropertyForm = $("#property-form");

    var validator = addPropertyForm.validate({
       rules:{
        prop_rooms : {required : true, selected: true },
        prop_address :{ required : true },
        prop_owner_name :{ required : true },
        prop_owner_email :{ required : true, email : true },
        prop_owner_phone :{ required : true, digits : true },
       },
       messages:{
        prop_rooms : { required : "Please select bed rooms", selected : "Please select atlease one option" },
               prop_address : { required : "Please enter address of villa"},
        prop_owner_name : { required : "Please enter name of owner"},
        prop_owner_email : { required : "Please enter email of owner", email : "Please enter valid email"},
        prop_owner_phone : { required : "Please enter phone of owner", digits : "Please enter valid phone no"}
       }
   });




  Dropzone.options.propertyForm({
      addRemoveLinks: true,
      paramName: "file",
      maxFiles:11,
      autoProcessQueue: false,
      uploadMultiple: true,
      acceptedFiles: "image/*",
      maxFilesize: 1,
      parallelUploads: 10,

      init: function () {
          var myDropzone = this;
          document.getElementById("submit-all").addEventListener("click", function(e) {
            e.preventDefault();
            e.stopPropagation();
            $(window).scrollTop(0);

            if ( $("#property-form").valid() ) {
              myDropzone.processQueue();

            }

            });
                  // Listen to the sendingmultiple event. In this case, it's the sendingmultiple event instead
           // of the sending event because uploadMultiple is set to true.
           this.on("sendingmultiple", function() {
             console.log('send event');
           });
           this.on("successmultiple", function(files, response) {
             console.log(response);
           });
           this.on("errormultiple", function(files, response) {
             console.log('error');
           });

       }  
   });
});

Still $_FILES is empty

Nothing in console. We didn't specified the url for dropzone?


Attached Files Thumbnail(s)
   
Reply

#36
you must add the class dropzone to your form and dropzone autodiscover the form and the action. It can send your datas and your files in one xhr request.
You must remove the class dropzone to your div.

it's OK?
Reply

#37
You mentioned Dropzone.options.propertyForm({

Actually property-form or propertyForm ?
Reply

#38
Like this ?

Code:
<form name="property-form" class="dropzone" action="<?php echo base_url() ?>list-property" enctype="multipart/form-data" method="post" id="property-form">

Is it okay ?
Reply

#39
Any changes required here ?

Code:
<div id="myDropzone" class="dropzone-design mb-10">
                         <div class="dz-default dz-message" data=""><span>Drop files here to upload</span></div>
                                               </div>
Reply

#40
OK.
I'm writing an example. Leave me 10 minutes.
Reply


Digg   Delicious   Reddit   Facebook   Twitter   StumbleUpon  


  Theme © 2014 iAndrew  
Powered By MyBB, © 2002-2019 MyBB Group.