javascript - How to call element.onload inside AJAX sucess function?

I am uploading a image using AJAX in php codeignitor and on upload return a JSON response containing path of uploaded image, then i insert that path into a img tag for preview

Now what i want to do is get the height and width of rendered img tag after updating its path, but the problem is i am getting a 0 always so please somebody help me out here

here is my JS

    function uploadAd(){
    // console.log($('#uploadedPDF').prop('files'));
    var file_data = $('#uploadedAdFile').prop('files')[0];
    var form_data = new FormData();
    form_data.append('uploadedAdFile', file_data);
    // alert(form_data);
    $.ajax({

      url: BASE_URL+'home/uploadAdFile', // point to server-side PHP script
      dataType: 'json',  // what to expect back from the PHP script, if anything

      cache: false,
      contentType: false,
      processData: false,
      data: form_data,
      type: 'post',
      async: false,
      success: function(data){
          console.log(data);
          if(data.status == -1){
            // If file extension Validation failed

            $('#uploadedAdFileMsg').html(data.msg);
            $('#uploadedAdFileMsg').removeClass('hidden');
            $('#uploadedAdFilePreview').addClass('hidden');
          }
          else{
            // If file extension Validation passed
            $('#uploadedAdFilePreview').attr('src', data.path); // Render file in img tag

            $('#uploadedAdFileMsg').addClass('hidden');
            $('#uploadedAdFilePreview').removeClass('hidden');


            console.log(document.getElementById('uploadedAdFilePreview').naturalWidth);
            // console.log()
          }
      },
      complete: function(){
        console.log('Complte '+document.getElementById('uploadedAdFilePreview').naturalWidth);
      }
    }).done(function(){
      console.log('Done '+document.getElementById('uploadedAdFilePreview').naturalWidth);

    });
  }
  $(document).ajaxComplete(function(){
    console.log('AJAX '+document.getElementById('uploadedAdFilePreview').naturalWidth);
  })

as you can see i inserted get height code in various places but no luck

PS: i used clientHeight, height, naturalHeight as well but still got 0

so what i concluded is the height function is called before the img tag rendered its content hence it shows a 0

so can i include a onload type of function inside a AJAX success function ??

thanks