jquery ajaxSubmit не загружает файл, хотя его форма отправки

Question

$(document).on('beforeSubmit','#notes-comments-form',function(e){
e.preventDefault(); //STOP default action
var url = $(this).attr('action'); 
$(this).ajaxSubmit({
    url: url,
    type: 'POST',
    dataType:"JSON",
    success: function(data) {
        if(data.status === 1){
            $('#main-body-leftpanel').html(data.details);
        } 
    }
}); 
return false;

});

Я добавил jquery.form.js и создал форму, используя один тег входного файла, и после отправки он показывает только временный путь, а не загружает сведения о файле.

Предполагается загрузка файла, как я уже сделал, но на этот раз он не работает.

Если кто-нибудь знает, как загрузить файл с помощью Ajax, пожалуйста, дайте мне знать

Спасибо, Али.