ارسال فایل با ajax

سلام دوستان و اساتید وقتتون بخیر

من میخوام  input.file[0] بفرستم به یه تابعی که بعد آپلود کنم. ولی اصلا درست ارسال نمیشه. توی params فقط مینویسه[object Object]  ,و  POST هم خالیه. ممنون میشم اگه فرصتشو داشته باشین راهنماییم کنید.

   var readURL = function(input) {
            if (input.files && input.files[0]) {
                var reader = new FileReader();

                reader.onload = function (e) {
                   $('.upload-pic').attr('src', e.target.result);
                }

                reader.readAsDataURL(input.files[0]);              
               console.log('reader'+reader.readAsDataURL(input.files[0]));
                var fd = new FormData();
              fd.append('file', input.files[0]);
                var url="/agahio/page/upload/";
                $.ajax(url,{
                    type:"post",
                    contentType: false,
                    processData: false,
                    data:{
                       f:fd
                    },
                    success:function(data){

                        alert(data);
                        $('#hh').append(data);
                    }
                });



            }
        }