Autor Tema: Ayuda - Error en controlador de subir imágenes, error en consola: POST <link> 40  (Leído 66 veces)

0 Usuarios y 1 Visitante están viendo este tema.

Desconectado Emocrat3
  • [L0] Ladrón de espacio en la BD
  • Mensajes: 1
    Ingreso: Julio de 2020
  • cl
  • Bienvenidos/as a Bomber Code
    • Ver Perfil
ayer pude subir mi proyecto MEAN stack a heroku, configurar todo y ya se muestra, tengo algunos problemas en la consola, ya que cuando intento crear un artículo, arroja estos errores:

Este se muestra cuando recién abro la home de mi pagina la cual les adjuntare, para ver mejor https://arthuro-gomez-web-app.herokuapp.com/blog/crear 



y cuando intento crear un articulo me dice este error



y en la parte de red de la consola muestra:



Verifico en la base de datos y me lo crea, pero con imagen null y mi código en localhost, cuando se crea un articulo y la imagen es null, muestra el articulo pero con una imagen predefinida, por lo que me lleva a pensar que tampoco esta funcionando el controlador de mostrar los artículos, adjuntare el codigo donde me indica que hay error:

Este es el metodo en ArticleNewComponent.ts

Código: [Seleccionar]
imageUpload(data){
this.article.image = data.body.image;
}

Esta es la ruta del backend

Código: [Seleccionar]
app.post('/upload-image/:id?', md_upload , ArticleController.upload);
Este es el controlador

Código: [Seleccionar]
upload: (req,res) => {

var file_name = 'Imagen no subida';

if(!req.files){
return res.status(404).send({
    status: 'error',
    message: file_name
});
}

 var file_path = req.files.file0.path;
 var file_split = file_path.split('\\');

 var file_name = file_split[2];

var extension_split = file_name.split('\.');
var file_ext = extension_split[1];

if(file_ext != 'png' && file_ext != 'jpeg' && file_ext != 'jpg' && file_ext != 'gif'){

fs.unlink(file_path, (err)=> {
    return res.status(200).send({
        status: 'error',
        message: 'La extension no es valida'
     });
    });
    } else {
      var articleId = req.params.id;

      if(articleId){
      Article.findOneAndUpdate({_id: articleId }, {image: file_name}, {new:true}, (err,
        articleUpdated)=> {

        if(err || !articleUpdated){
            return res.status(200).send({
                status: 'error',
                message: 'Error al guardar la imagen de articulo!!'
           });
        }


        return res.status(200).send({
            status: 'success',
            article: articleUpdated
       });
    });

}else{
    return res.status(200).send({
        status: 'success',
        image: file_name
   });
}
}

Esto localmente funciona perfecto, si quieren ver mas acerca del código, adjunto mi github o pueden pedírmelo por acá https://github.com/Emocrat3/Curso-React-Vue-js-Angular

Agradeceria cualquier ayuda :)

Conectado Rock Lee

  • Administrador
  • *
  • Mensajes: 1049
    Ingreso: Enero de 2014
  • Sexo: Masculino
  • ar
  • Digitalizando tu Mundo
    • Ver Perfil
    • La nueva era del conocimiento
Bien vamos por partes que son varios errores como tal... ¿te genera un registro de errores internos? te puede dar una mejor idea que archivo tocar pero mirando un poco parece problemas de privilegios y direcciones como tal. Lo genera con un null dandote un 404 (es decir como creo la imagen pero no lo tengo) ademas ¿que versiones trabaja el alojamiento? es otra cosa me parece da problemas al "leer" las variables!


Saludos Familia!