如何发送数据和照片在同一时间节点js后端使用axios反应js

Question

我正在尝试使用axios将一些表单数据和图像发送到后端，但我的代码不起作用。当我单独发送图像时，它工作；当我单独发送数据时，它工作。但如何同时发送这两个文件：

我正在使用reactjs和useState：

const [roomData, setRoomData] = useState(data)

我所有的数据都在roomData中。

const [files, setfiles] = useState()

我已经使用onchange-on-input标记和setfiles（e.target.files）设置了文件中的图像变量

我已经使用下面的代码从formdata变量中的文件中附加了所有图像

const submitHandler=async(e)=>{
        e.preventDefault()
        const formData= new FormData();
        Array.from(files).forEach(file=>{
            formData.append('photos', file)
        })

        const res= await axios.post(
            'http://localhost:8000/api/sell_products',
            { formData, roomData }
        )

    }

使用这个，我只得到后端的roomData作为请求。身体但当我离开的时候。文件未定义。帮助

Answer 1

您需要将文本中的数据附加到表单数据中。不要单独发送

const submitHandler=async(e)=>{
    e.preventDefault()
    const formData= new FormData();
    form.append('data', roomData);
    Array.from(files).forEach(file=>{
        formData.append('photos', file)
    })

    const res= await axios.post('http://localhost:8000/api/sell_products', { formData})

}