En una vista tengo un <input type = "file" id="theFile" multiple />
donde subo archivos correctamente... pero ahora necesitó enviar además de estos algunos datos adicionales como (NombreArticulo,CategoriaArticulo), etc.
¿Cómo puedo refactorizar mi código para hacer esto en una única función?
HTML
<input type="file" id="theFile" multiple accept="image/png, image/jpeg, image/jpg" />
<input type="text" id="nombreArticulo" />
<input type="text" id="categoriaArticulo" />
JavaScript
function UploadFileMethod() {
var input = document.getElementById('theFile');
var files = input.files;
if (files.length == 0) {
toastr.warning("Debe elegir imagenes del articulo");
return false;
}
var formData = new FormData();
for (var i = 0; i < files.length ; i++) {
formData.append('files', files[i]);
}
$.ajax({
url: urlUploadDataImg,
data: formData,
processData: false,
contentType: false,
type: "POST",
timeout: 0,
success: function (data) {
console.log(data);
if (data.estado) {
toastr.success(data.mensaje);
}
else {
toastr.error(data.mensaje);
}
}, error: function (jqXHR, textStatus, errorThrown) {
toastr.error('ERROR INESPERADO: ' + textStatus + ' ' + jqXHR + ' ' + errorThrown);
}
});
return false;
}