将函数变量传递给jQuery中的另一个

Question

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?

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

Answer 1

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)
     }