CODEWITHSUNDEEP
jquery
Rob
Rob

Reputation: 2164

Passing function variable to another one in jquery

I have two functions in jQuery.

       var resume = 'Res';

          resumeUpload.onchange = function() {

          var resume = $('#fileup2')[0].files[0];

          var imageName = $('#fileup2')[0].files[0].name;

          $('.resume').append(`<li><span class="remove-file remove-resume btn f-20 mr-2">X</span>&nbsp;<span>${imageName}</span></li>`);

        }

        $(document).on('click','.remove-resume',function(){

          $('.resume').html('');

          var resume = '';

        });
        $('.applyTeacher').on('click', function () {
          console.log(resume)
         }

The first variable resume gets the file on change and I am passing it in the third function but console comes empty instead of showing the file as it is not passing there. Can anyone please help?

P.S. : I only get Res in console and not the file.

Upvotes: 0

Views: 21

Answers (1)

Rob
Rob

Reputation: 2164

I did it, by removing var from inside the functions.

var resume = 'Res';

      resumeUpload.onchange = function() {

      resume = $('#fileup2')[0].files[0];

      var imageName = $('#fileup2')[0].files[0].name;

      $('.resume').append(`<li><span class="remove-file remove-resume btn f-20 mr-2">X</span>&nbsp;<span>${imageName}</span></li>`);

    }

    $(document).on('click','.remove-resume',function(){

      $('.resume').html('');

      resume = '';

    });
    $('.applyTeacher').on('click', function () {
      console.log(resume)
     }

Upvotes: 1

Related Questions