javascript - 使用 laravel 后端 React Formik 文件上传

Question

我在 React 中为我的表单使用 Formik。除了文件输入，一切都很好。

用户必须能够上传简历。 Formik 中的 {values.cv} 确实表明输入中有一个值。然而，当我将它发送到我的 Laravel 后端时，我得到一个空数组。

我希望能够将文件存储在我的数据库中。 任何帮助将不胜感激。

Formik 文件输入:

<label className="btn btn-info" htmlFor="cv">
    <input id="cv" name="cv" style={{display: 'none'}} type="file" onChange={(event) => {
     setFieldValue("cv", event.currentTarget.files[0]);
                                    }} />                   
   </label>

cv 输入默认值为:' '

这是{values.cv}中的内容 Here is the console.log of it

在我的 Laravel 后端中，我返回 $request 并且 React 正在记录它。 这就是我当时看到的。

简历:[]

Here is a picture of my console

Answer 1

根据 this post .

<input id="file" name="file" type="file" onChange={(event) => { setFieldValue("file", event.currentTarget.files[0]); }} />

然后您可以访问所有内容...

JSON.stringify({ 
  fileName: values.file.name, 
  type: values.file.type,
  size: `${values.file.size} bytes`
}, null, 2);