#chicos alguien sabe como guardarme un
wintry timber
@civic marten seguimos aquí, para no afectar el canal
Esa variable csv[0] es la que debes añadir a formData y enviarla en el fetch
civic marten
si en teoria esta asi
pero cuando se sube
{"headers":{"content-type":"text/csv"},"body":{"formData":{}}}
me aparece eso en vez de los datos
civic marten
a ver
{"headers":{"Content-Type":"multipart/form-data"},"body":{"formData":{}}}
😦
no se que pasa
en s3 le he dicho a los metadatos que de content-type sea file/csv no se si eso esta bien
porque automaticamente se ponen a json
y el back me dijo que lo pusiera a file/csv para que se pudiera descargar asi
pero creo que lo trata como json todo igual
wintry timber
Abre la consola del navegador, ve a la parte de Red y busca tu petición, después dale en carga útil y manda captura porfa
civic marten
no se que parte exacta quieres
en la parte de aceptar pone json y eso
a lo mejor es culpa de la parte del back?
content-type es mi contenido?
civic marten
`const uploadCSV = (url, csv) => {
const formData = new FormData()
formData.append('file', csv[0])
axios
.put(url, {
headers: {
'Content-Type': 'multipart/form-data'
},
body: { formData }
})
.then(response => {
console.log(response)
})
}`
wintry timber
const uploadCSV = (url, csv) => {
const formData = new FormData();
formData.append("file", csv[0]);
fetch(url, {
method: "PUT",
headers: {
"Content-Type": "multipart/form-data",
},
body: formData,
}).then((response) => {
console.log(response);
});
};
eres un genio
me aparece bien solo me aparece -como una especie de header
------WebKitFormBoundarykEADdcjq7i8D9Zee Content-Disposition: form-data; name="file"; filename="testsara - Hoja 1.csv" Content-Type: text/csv
esto al inicio luego la info y luego ------WebKitFormBoundarykEADdcjq7i8D9Zee--
pero bueno supongo que por eso no pasa nada?
wintry timber
me aparece bien solo me aparece -como una especie de header
En que parte te sale eso?
civic marten
en el csv que se sube, al descargarlo para mirarlo
realmente como que lo ha modificado y le ha puesto eso
asi justo
wintry timber
realmente como que lo ha modificado y le ha puesto eso
Manda captura de payload sobre la petición porfa
wintry timber
@civic marten manda captura del código que al final dejaste
civic marten
`const uploadCSV = (url, csv) => {
const formData = new FormData()
formData.append('file', csv[0])
fetch(url, {
method: 'PUT',
headers: { 'Content-Type': 'multipart/form-data' },
body: formData
}).then(response => {
console.log(response)
})
}`
wintry timber
`const uploadCSV = (url, csv) => {
const formData = new FormData()
formData....
Comenta la linea de headers
wintry timber
Intenta poner esto: headers:{ content-type: undefined },
civic marten
fetch(url, { method: 'PUT', headers: { 'content-type': undefined }, body: formData }).then(response => { console.log(response) })
pero se me descarga un .txt ahora
dios no se que pasa con ese csv
tal vez sale porque hay que modificar algo en formData?
wintry timber
Dame unos minutos y hago una prueba 🙂
wintry timber
@civic marten el error creo que es, el back espera recibir un texto del csv y no un archivo, intenta con esto:
const reader = new FileReader();
reader.readAsText(csv[0]);
reader.onload = function (event) {
fetch(url, {
method: "PUT",
headers: { "Content-Type": "text/csv" },
body: event.target.result,
}).then((response) => {
console.log(response);
});
};
const formData = new FormData()
formData.append('file', csv[0])
y esto se deja o no?
un momento perdona que me han llamado
wintry timber
No, eso ya no
civic marten
a ver estoy probando
[object File]
me aparece esto cuando lo abro
me ha pasado otras veces igual no se por que pasa
el payload
no se que pasa con eso
wintry timber
Te lo mandé mal, espera
wintry timber
<@456226577798135808> el error creo que es, el back espera recibir un texto del ...
@civic marten copia de nuevo el código de arriba
civic marten
voy
ERES LITERALMENTE DIOS
mil gracias JUAN PABLO
te debo unos chuletos en el minecraft
GRACIAS GRACIAS GRACIAS
wintry timber
GRACIAS GRACIAS GRACIAS
De nada 🙂 siempre a la orden
@civic marten una pregunta, el endpoint del backend (el PUT), que hace? solo descarga el archivo al usuario o hace algo más?
