Creo que no es una api muy conocida por eso no había preguntado hasta ahora pero, dado que no hay manera de hacerlo por mi cuenta, a ver si hay suerte y alguien más lo ha usado.
Estoy haciendo un web con la api de Open Project. He seguido su documentación para añadir archivos adjuntos en una tarea ya creada pero, a pesar de no devolverme ningún error, no mete los archivos en la tarea.
La documentación es un poco confusa así que no sé hasta qué punto estaré haciéndolo bien, sin embargo, dejo aquí el script que utilizo para enviarlo.
var dataForm = new FormData();
dataForm.append("metadata", JSON.stringify({
"fileName": attachment.files[0].name,
}));
dataForm.append("file", attachment.files[0]);
$.ajax({
url: "http://mipagina.openproject.com/api/v3/work_packages/{ID}/attachments",
method: "POST",
enctype: 'multipart/form-data',
processData: false,
data: dataForm,
cache: false,
success: function (data) {
console.log(dataForm);
console.log(data);
},
error: function () {
console.log("error");
}
});
Donde attachment
es el la forma de identificar el input file
del formulario, no lo pongo porque el error está en la forma de enviar los datos, del html se recoge todo bien y el servidor no envía ningún error.
Y esta es la documentación que estoy siguiendo para enviarlo: http://docs.openproject.org/apiv3-doc/#attachments-attachments-by-work-package-post Pero, al ser todo un JSON, no entiendo cómo debo enviar los datos para que los pueda procesar...
EDIT
Por lo que he visto, gracias a A.Cedano, antes de la petición el dataForm se encuentra vacío, directamente me devuelve FormData {}
sin nada dentro... Por ahora he probado lo siguiente:
var metadata = {
"fileName": attachment.files[0].name,
};
var dataForm = {
"metadata": metadata,
"file": attachment.files[0]
}
Que devuelve un JSON:
{
file: File(número) {
lastModified: número,
lastModifiedDate: Fecha,
name: "archivo.jpg",
size: tamaño,
type: "image/jpeg",
webkitRelativePath: ""
},
metadata {
filename: "archivo.jpg"
}
}
La fecha, tamaño e id no creo que sea demasiado importante por eso no lo he copiado pero si es necesario lo pongo.
EDIT2
Me he dado cuenta que, al hacer la petición el success devuelve un JSON con "_type" : "Collection"
, otro tipo de la misma API, cuando, según la documentación, lo que devuelve debería ser un JSON con "_type" : "Attachment"
.
Según la documentación, esto pasa cuando el usuario hace una petición que devuelve más de un elemento sin embargo no se está haciendo ese tipo de petición. Además realmente no se espera una repuesta como tal más allá de la confirmación.
EDIT3
Siguiendo con el Edit 2, sin poner número de ID me devuelve bastantes trabajos dentro del JSON con "_type":"Collection"
así que es posible que el hecho de que me devuelva vacío es debido a que me está devolviendo los archivos adjuntos de esa tarea en vez de insertar los que yo le doy.
enctype: 'multipart/form-data'
no debe estar en el formulario, en vez de en la petición Ajax? ...<form enctype="multipart/form-data" method="post" name="elNombre" id="elId"> </form>
error: function ( jqXHR, textStatus) { console.log("error"+ textStatus); }
y decirnos si hay algún mensaje de error en la consola? ¿Podrías también poner esto:console.log(dataForm);
fuera del código relativo a Ajax y decirnos lo que imprime? ¿El código entra en elsuccess
?dataForm
está vacío antes de realizar la petición... Edito con otras cosas que he probado y sí lo rellenaban pero tenían el mismo resultadodataForm
no debería estar vacío, tú lo creas aquí:var dataForm = new FormData();
y luego aquí le agregas datos:dataForm.append( ... )
, por lo tanto no debe estar vacío. Si después de agregar los datos pones unconsole.log(dataForm)
y no imprime nada, significa entonces que el objeto no se está creando. Ahora, como dices que no te permite acceder al form, si es que lo hay, no sabría qué decirte. Lo cierto es quedataForm
debe tener datos para que funcione y esos datos deben tomarse de alguna parte. Otra cosa que no sé de donde viene esattachment
supongo que será algo de la API