Определенная переменная отображается как неопределенная в консоли ошибок

Question

У меня есть функция, которая ищет таблицу базы данных через ajax.
Это функция

function find_file(query)
    {
        var xtoken = $("input[name='xtoken']").val();
        var uri = site_url+'admin/media/search';
        //make request to controller method
        $.get(uri,{ 'xtoken' : xtoken,'query':query },
        function(data) {
            var dataLength = data.length;
            if(dataLength < 1)
            {
                $.gritter.add({title:'Notice',text:'No matching results',sticky:false,time:'3000'});
            }else {
                var dataGrid = $('#files table tbody');
                dataGrid.html('');
                $.each(data,function(index,file)
                {
                    var media_thumbnail ="";
                    if((file.file_type == "image/jpeg") || (file.file_type == "image/png") || (file.file_type == "image/png"))
                    {
                        media_thumbnail = '<img src="'+file.file_path+'" height="60" width="46" />';
                    }
                    if((file.file_type == "audio/mp3") || (file.file_type == "audio/wma"))
                    {
                        media_thumbnail = '<img src="'+site_url+'assets/admin/audio.png" />';
                    }
                    dataGrid.append(
                        '<tr class="files" id="'+file.file_id+'">'+
                            '<td><input id="file_id" type="checkbox" name="file_id[]" value="'+file.file_id+'" /></td>'+
                            '<td>'+
                                '<div class="media_preview">'+media_thumbail+'</div>'+
                                '<a href="'+site_url+'admin/media/editmedia/'+file.file_id+'">'+file.file_name+'</a>'+
                            '</td>'+
                             '<td>'+file.file_type+'</td>'+
                             '<td>'+file.author+'</td>'+
                             '<td>'+file.upload_date+'</td>'+
                        '</tr>'
                    );
                });
            }
        });
    }

Когда код выполняется, я получаю сообщение об ошибке, говоря, что var media_thumbnail не определено, даже после того, как я объявил переменную как пустую "var media_thumbnail = "";" Я устанавливаю значение переменной media_thumbail после тестирования объекта из JSON-возврата вызова ajax.
Смотрите эту часть кода

var media_thumbnail ="";
                    if((file.file_type == "image/jpeg") || (file.file_type == "image/png") || (file.file_type == "image/png"))
                    {
                        media_thumbnail = '<img src="'+file.file_path+'" height="60" width="46" />';
                    }
                    if((file.file_type == "audio/mp3") || (file.file_type == "audio/wma"))
                    {
                        media_thumbnail = '<img src="'+site_url+'assets/admin/audio.png" />';
                    }

Что не так с моей функцией?

Answer 1

media_thumbail не совпадает с media_thumbnail. У вас есть опечатка:

'<div class="media_preview">'+media_thumbail+'</div>'+

должно быть

'<div class="media_preview">'+media_thumbnail+'</div>'+

Видишь пропавших n там?

Answer 2

Вы ошиблись ссылкой на переменную:

'<div class="media_preview">'+media_thumbail+'</div>'+
                                         ^ missing 'n'