отправлять нулевой файл, когда я отправляю formdata из ajax

Question

Я пытаюсь отправить изображение из jquery в php, но ответ php $ _FILES равен нулю. Кто-то может сказать мне, где я не прав?

js файл

$('form.cwd-add-photo').on('submit',function(event){
        event.preventDefault();
        var files = $('.cwd-add-photo input[name="cwd-img-upload"]').prop('files')[0];
        var formData = new FormData();
        formData.append("cwd_system_require","cwd_add_photo");;
        $.each(files, function(key, value) {
            formData.append('photo['+key+']', value);
        });
        $.ajax({
            url: window.location.origin+'/cwd_call',
            type: 'post',
            data: formData,
            contentType: false,
            processData: false,
            success: function(item){
                console.log(item);
            },
        });

    });

php файл

if(isset($_POST['cwd_system_require'])){
switch($_POST['cwd_system_require']){
    case 'cwd_add_photo':
            var_dump($_FILES);
            var_dump($_POST);
        break;
}

Answer 1

Добавьте 'enctype' в поле формы:

<form action="" method="post" enctype="multipart/form-data">
</form>