0
339
Vistasno se pueden enviar datos de formulario en react-native
Estaba usando axios para enviar datos de formulario en RN pero no funciona. Ahora intenté obtener todas las cargas de campo, excepto las imágenes. Si uso cartero, todo funciona bien. 
aquí está mi código:
const postOrder = () => { var data = new FormData(); data.append('marca', marca); data.append('modeo', modeo); data.append('option', option); data.append('descripcion', descripcion); data.append('images[]', images); data.append('userId', '2'); dispatch(saveOrder(data)); }; fetch(`${baseUrl}/save-order`, { method: 'POST', headers: { Accept: 'application/json', 'Content-Type': 'multipart/form-data', }, body: data, }) .then(res => res.json()) .then(json => { // dispatch({type: 'ORDER', payload: response.data}); console.log('json1', json); }) .catch(error => { console.log(error); });todas las propiedades/campos se cargan excepto las imágenes. He probado estos métodos también
data.append('file', { uri: images, type: 'image/jpeg', name: 'images[]', }); data.append('file',images,'images[])
·
Juan Pablo Isaza
2 Respuestas
Responde la pregunta0
const formData = new FormData(); formData.append('file', { uri: pictureUri, type: 'image/jpeg', name: 'profile-picture' })Tuve el mismo problema, al agregar el tipo: 'image/jpeg', al atributo de archivo de formData lo arreglé.
·
Juan Pablo Isaza
Denunciar
0
Axios no funcionó para mí, pero sí lo hizo fetch api. aquí está mi código de trabajo: Función de publicación
const postOrder = () => { var data = new FormData(); data.append('marca', marca); data.append('modeo', modeo); data.append('option', option); data.append('description', description); data.append('images[]', { uri: images, name: 'image.jpg', type: 'image/jpeg', }); data.append('userId', state.user.id); dispatch(saveOrder(data)); };Obtener API
fetch(`${baseUrl}/save-order`, { method: 'POST', headers: { Accept: 'application/json', 'Content-Type': 'multipart/form-data', }, body: data, }) .then(res => res.json()) .then(json => { console.log('json1', json); }) .catch(error => { console.log(error); });si desea enviar varios archivos, haga esto
images.forEach((item, i) => { data.append('images[]', { uri: item.path, type: item.mime, name: item.path.slice(-8, -1) + 'g', }); });
·
Juan Pablo Isaza
Denunciar
Responde la pregunta