Estoy tratando de pasar la imagen a mongodb como se muestra a continuación.
const [imgfile, setFile] = useState(); const [fileName, setFileName] = useState(""); const saveFile = (e) => { console.log(typeof( e.target.files[0])); setFile(e.target.files[0]); setFileName(e.target.files[0].name); //formData.append("myImage",e.target.files[0]); //formData.append("fileName", e.target.files[0].name); }; const uploadFile = async (e) => { var formData=new FormData(); formData.append("file",imgfile); formData.append("fileName", fileName); console.log(formData); try { const res = await axios.post( "/setting", formData ); console.log(res); } catch (ex) { console.log(ex); } }; return ( <div className="center"> <section> <h1>setting</h1> <br /> <input type="file" name="myImage" onChange={saveFile} /> <button onClick={uploadFile}>Upload</button> </div>);
No sé por qué formData se convertiría en "{}" después de formData.append. y parece que nada se puede pasar