为什么文件没有到达服务器？

Question

我有一个表格。

一切正常，几乎完美，但有一个问题。

请求转到正确的路由，但文件始终无法到达服务器。

所选文件从目标进入状态 - 这有效。但是在 console.log 所在的 formData 中，它始终是空的...

我不明白怎么了？

形式：

<Formik
        initialValues={{ images: [] }}
        onSubmit={async (values, { setSubmitting }) => {
            const formData = new FormData();
            values.images.forEach((file) => {
                formData.append("images", file);
            });
            try {
                console.log(formData);
                await uploadImage(hero.id, formData);
                //dispatch(getHeroes());
            } catch (error) {
                console.error(error);
            } finally {
                setSubmitting(false); // unblock form submission after file upload
            }
        }}
    >
        {({ setFieldValue, isSubmitting }) => (
            <Form>
                <div>
                    <label>Images:</label>
                    <input
                        type="file"
                        id="images"
                        name="images"
                        multiple
                        onChange={(event) =>
                            setFieldValue("images", [...event.target.files])
                        }
                    />
                    <ErrorMessage name="images" className="error" component="div" />
                </div>
                <button type="submit" disabled={isSubmitting}>
                    Submit
                </button>
            </Form>
        )}
    </Formik>