使用 Axios 发送多个数据

Question

我有一个问题，我的问题是当我用 axios 发送多个数据时，formdata 中的图像不发送，但是当我只发送 formdata 时它工作，如果知道如何发送多个数据 ins axios告诉我解决方案是什么

 const onSubmit = async (data) => {

        if(loading) return ;
        setLoading(true);

        const formData = new FormData();

        formData.append("image",image);
        
        
        let details = {
            name:data.name,
            image:formData,
            price:data.price,
            description:convertToRaw(editorState.getCurrentContent()).blocks[0].text,   
            qty:data.qty,
            promo:data.oldPrice,
            categorie:data.categorie,
            // images:[image,image2,image3,image4]
        }
        try{
            let config = {
                headers:{
                    authorization:"Authorization Token "+jwt,
                    "Accept": "application/json",
                    "Content-Type": "multipart/form-data",
                }
            }
           await axios.post('../../api/products',details,config)
                      .then(res => console.log(res.data))
                      .then(setLoading(false))
                      .catch(err => console.log(err))
        }catch(err){
            console.log(err);
        }
    }

Answer 1

我会在上传图片时做这样的事情：

 const onSubmit = async (data) => {

        if(loading) return ;
        setLoading(true);

        const formData = new FormData();

        formData.append("image",image);
        
        
        let details = {
            name:data.name,
            price:data.price,
            description:convertToRaw(editorState.getCurrentContent()).blocks[0].text,   
            qty:data.qty,
            promo:data.oldPrice,
            categorie:data.categorie
        }

        for (let key in details) {
            formData.append(key, details[key]);
        }

        try{
            let config = {
                headers:{
                    authorization:"Authorization Token "+jwt,
                    "Content-Type": "multipart/form-data",
                }
            }
           await axios.post('../../api/products',formData ,config)
                      .then(res => console.log(res.data))
                      .then(setLoading(false))
                      .catch(err => console.log(err))
        }catch(err){
            console.log(err);
        }
    }

使用 Axios 发送多个数据

Send Multiple Data With Axios

reactjs

multer

axios

next.js