Загрузка файла с использованием ссылки вместо кнопки, но получение массива $ _FILES пустым

Question

В моем загружаемом файле я продолжаю получать остальные данные формы, но массив $ _FILES выходит пустым.Не могли бы вы, ребята, помочь мне с тем, почему я отправляю скрытые входные данные, но не файлы данных?

У меня есть это для ссылки

<li><a href='#'  id='upload_linko' onClick='imgUpload(1)'><i class='icon-image2'></i> Update cover photo</a></li>

И это для формы

<form id='upform' method='post'  enctype='multipart/form-data'>
    <input type='file' id='upload1' name='upload1' style='visiblity: hidden ; width: 1px; height: 1px'  />
    <input type='hidden' id='profid' name='profid' value='xyz'> 
    <input type='hidden' id='query_type' name='query_type' value='cover'> 
 </form> 

и мой сценарий такой

 $(document).on('change','#upload1' , function(){       

        var fd = new FormData($("#upform")); 
        var file_data = $('input[type="file"]')[0].files;  
         $.each(file_data, function(key, value)
            {
            fd.append('file', value);
            }); 
        var other_data = $('#upform').serializeArray();
            $.each(other_data,function(key,input){
            fd.append(input.name,input.value);
        }); 

        $.ajax({
            url: 'xxxxxxxx.php',  
            type: 'POST',
            data: fd,
            success:function(data){
               // $('#output').html(data);
            },
            cache: false,
            contentType: false,
            processData: false
        });
     });    

function imgUpload(optype)
    {
    document.getElementById('upload1').click(); 
    }