为什么我没有使用ajax在我的php中获取上传的文件？

Question

我有这个文件输入字段：

<input type="file" name="file" id="file">

我的ajax代码是：

$(function () {
$('#pageContentForm').on('submit', function (e) {
    var file_data = $('#file').prop('files')[0];
    var form_data = $(this);
    form_data.append('file', file_data);
    if (!e.isDefaultPrevented()) {
        $form = $(this);
        var actionURL = $form.attr('action');       
        var currentUrl = location.href;

        $.ajax({
            type: "POST",
            url: actionURL,
            data: form_data.serialize(),
...

和我的php文件：

if(!is_dir($img_target_dir)){
    mkdir($img_target_dir, 0777, true);
}

$target_file = $img_target_dir . basename($_FILES["file"]["name"]);
if (!file_exists($target_file)) {
    move_uploaded_file($_FILES["file"]["tmp_name"], $target_file);
}

但不是只创建文件目录......为什么会发生这种情况？谢谢你的帮助！