Necesito incluir la imagen como datos binarios en mi solicitud de carga utilizando datos de formulario de varias partes, y parece que no funciona, agradeceré cualquier consejo. mi código:
const [selectedFile, setSelectedFile] = useState(null); const handleSubmit = async (event) => { event.preventDefault(); const formData = new FormData(); formData.append('selectedFile', new Blob([selectedFile], { type: 'application/octet-stream' })); const data = { uploadLink, formData, }; const headers = { 'Content-Type': 'application/octet-stream' , Accept: 'application/vnd.vimeo.*+json;version=3.4', }; try { await axios .post(`${backendPostPath}/thumbnail-upload`, data, { headers, }) .then((response) => { applyThumbnial(); console.log(response); }); } catch (error) { console.log(error); } }; const handleFileSelect = (event) => { setSelectedFile(event.target.files[0]); };incluya formData como parámetro de data de axios en lugar de su objeto de data , por lo que también puede incluir uploadLink en formData :
const formData = new FormData(); formData.append('selectedFile', new Blob([selectedFile], { type: 'application/octet-stream' })); formData.append('uploadLink', uploadLink) //... await axios .post(`${backendPostPath}/thumbnail-upload`, formData, { headers, })