WordPressでajaxでの画像データ渡しができない

Question

お世話になります。
WordPressのユーザページ上からajaxを使い画像投稿をさせたいのですが、
画像ファイルを渡そうとするとコケてしまいます。

画像ファイルがちゃんと渡っているか、ajaxのレスポンスで見ようとするのですが、
Object {action: "upload_thumbnail", form: "[object FormData]"}
と返ってきてしまい、どうやら画像ファイルのデータが上手く渡せていないようです。

//functions.php
add_action( 'wp_ajax_upload_thumbnail', 'upload_thumbnail' );
add_action( 'wp_ajax_nopriv_upload_thumbnail', 'upload_thumbnail' );
function upload_thumbnail() {
	header( 'Content-Type: application/json; charset=utf-8' );
	echo json_encode( $_POST );
	exit();
}

//ユーザページで読み込むjsファイル
$( 'button' ).on( 'click', function(){
	var $file = $( 'input[type=file]' );
	var formData = new FormData();
	formData.append( $file.attr('name'), $file.prop("files")[0] );
	$.ajax( {
		url: '/wp-admin/admin-ajax.php',
		type: 'post',
		data: {
			action : 'upload_thumbnail',
			form : formData
		},
		dataType: "json",
		traditional: true,
	} )
	.then(
		function ( data ) {
			console.log( 'done' );
			console.log( data );
		},
		function ( data ) {
			console.log( 'failed' );
			console.log( data );
		}
	);
}

まずは、PHPにて$_FILESで受け取るところまで持って行きたいと思っています。
ちなみに、echo json_encode( $_FILES );でデバッグコードを出そうとすると空の配列が返ってくる状況です。

自力で解決しようと、検索しながら試行錯誤してみたのですが上手く行かず・・・
諸先輩方のお知恵を拝借したいのでよろしくお願いいたします。

PHP5.6, jQuery2.1.4, WordPress 4.5.2を使用しています

---

processData: false,
contentType: false,

上記パラメータはどちらか片方をセットしてもレスポンスが0になり、
恐らくPHP側の処理に入れていない

Answer 1

    var $file = $( 'input[type=file]' );
    var formData = new FormData();
    formData.append( $file.attr('name'), $file.prop("files")[0] );
    formData.append( 'action', 'upload_thumbnail' );
    $.ajax( {
        url: '/wp-admin/admin-ajax.php',
        type: 'post',
        data: formData,
        processData : false,
        contentType : false, 
        dataType: "json",
        traditional: true,
    } )

これだとどうなりますか？

Comments

[yukkenoottuna]

コメントくださったコードで成功しました。
ありがとうございます。