Имя файла Multer Не определено - PullRequest
0 голосов
/ 06 марта 2020

Я кодирую сайт так же, как блог, в который мы можем добавлять картинки и статьи. Я использую multer, mongodb и multer. Но я получаю сообщение об ошибке:

TypeError: Невозможно прочитать свойство 'имя_файла' с неопределенным значением в C: \ Users \ agul \ Desktop \ NODEJS \ veritabanı \ route \ article. js : 58: 33 ...

Так что, вероятно, из-за того, что он не может найти то свойство filenme, я не могу загрузить свои изображения. Но я не мог понять, почему это не работает.

Вот мои коды:

Это моя статья. js

  const express = require('express');
const router = express.Router();
const multer = require('multer');

// Article Model
let Article = require('../models/article');
// User Model
let User = require('../models/user');

router.get('/sonuc', function(req, res){
  if(req.query.search) {
    const regex = new RegExp(escapeRegex(req.query.search), 'gi');
    Article.find({"title": regex}, function(err, articles) {
        if(err) {
            console.log(err);
        } else {
           res.render("sonuc", { 
             articles: articles 
            });
        }
    });
  }
});

function escapeRegex(text) {
  return text.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, "\\$&");
};

// Add Route
router.get('/add', ensureAuthenticated, function(req, res){

  res.render('add_article', {
    title:'Add Article'
  });
});

const upload = multer({dest: __dirname + '/public/uploadss'});

// Add Submit POST Route
router.post('/add',upload.single('img'),  function(req, res){

  req.checkBody('title','Title is required').notEmpty();
  //req.checkBody('author','Author is required').notEmpty();
  req.checkBody('body','Body is required').notEmpty();

  // Get Errors
  let errors = req.validationErrors();

  if(errors){
    res.render('add_article', {
      title:'Add Article',
      errors:errors
    });
  } else {
var article = new Article({
    title: req.body.title,
    author: req.user._id,
    img: '/uploads/' + req.file.filename,
    body: req.body.body,
   });

    article.save(function(err){
      if(err){
        console.log(err);
        return;
      } else {
        res.render('add_article', {
        });
      }
    });
  }
});

// Load Edit Form
router.get('/edit/:id', ensureAuthenticated, function(req, res){
  Article.findById(req.params.id, function(err, article){
    /*if(article.author != req.user._id){
      req.flash('danger', 'Not Authorized');
      return res.redirect('/');
    }*/
    res.render('edit_article', {
      title:'Edit Article',
      article:article
    });
  });
});

// Update Submit POST Route
router.post('/edit/:id', function(req, res){
  let article = {};
  article.title = req.body.title;
  article.author = req.body.author;
  article.body = req.body.body;

  let query = {_id:req.params.id}

  Article.update(query, article, function(err){
    if(err){
      console.log(err);
      return;
    } else {
      req.flash('success', 'Article Updated');
      res.redirect('/');
    }
  });
});

// Delete Article
router.delete('/:id', function(req, res){
  if(!req.user._id){
    res.status(500).send();
  }

  let query = {_id:req.params.id}

  Article.findById(req.params.id, function(err, article){
    if(article.author != req.user._id){
      res.status(500).send();
    } else {
      Article.remove(query, function(err){
        if(err){
          console.log(err);
        }
        res.send('Success');
      });
    }
  });
});

// Get Single Article
router.get('/:id', function(req, res){

  Article.findById(req.params.id, function(err, article){
    //User.findById(article.author, function(err, user){
      res.render('article', {
        article:article,
        //author: user.name
      });
    });
  });
//});

// Access Control
function ensureAuthenticated(req, res, next){
  if(req.isAuthenticated()){
    return next();
  } else {
    req.flash('danger', 'Please login');
    res.redirect('/users/login');
  }
}
module.exports = router;

Также Я сделал мон goose модель IMG и статей в то же время. Все кажется правильным, но я не мог понять, где я делаю свою ошибку. Вы можете помочь ? Если вы можете, я действительно ценю это. Я уже создал папку с именем uploads, и я указываю filnemane как / uploads, но он не работает.

ПРИМЕЧАНИЕ. ЭТО МОЙ файл add_article.pug. расширяет макет

block content
  h1 #{title}
  form(method='POST', action='/articles/add')
    #form-group
      label Title:
      input.form-control(name='title', type='text')
      #form-group
      label Author:
      input.form-control(name='author', type='text')
    #form-group
      label Body:
      textarea.form-control(name='body')
    .file-field.input-field(method="post", enctype="multipart/form-data")
      .btn.grey
        label File
        input(name='img', enctype = "multipart/form-data", type='file')
    br
    input.btn.btn-primary(type='submit',value='Submit')

Это мой файл article.pug

extends layout

block content
  br
  h1= article.title
  //h5 Written by #{author}
  p= article.body
  img(src='{article.img}', alt='img')




  hr
  if user
    if user.id ==article.author
      a.btn.btn-default(href='/articles/edit/'+article._id) Edit 
      a.btn.btn-danger.delete-article(href='#',data-id=article._id) Delete

Проблема с именем файла undefined уже решена, но теперь я не могу представить свой img на своей странице статьи. Не могли бы вы помочь мне решить эту проблему?

Ответы [ 3 ]

1 голос
/ 06 марта 2020

Вы добавили

enctype = "multipart/form-data" 

в свою форму?

вот документация https://www.npmjs.com/package/multer

1 голос
/ 06 марта 2020

вам нужно добавить

enctype = "multipart/form-data" 

в теге формы

изменить текущий код

  form(method='POST', action='/articles/add')

на

  form(method='POST', action='/articles/add', enctype = "multipart/form-data")

и удалить из входного файла

текущий

.file-field.input-field(method="post" , enctype="multipart/form-data")
      .btn.grey
        label File
        input(name='img', enctype = "multipart/form-data", type='file')

изменить на

.file-field.input-field(method="post")
      .btn.grey
        label File
        input(name='img', type='file')

ссылка: https://www.npmjs.com/package/multer (см. Основы c Использование )

=====

, чтобы передать файл для использования / вызова в html, вам необходимо направить его из вашего express

примера: поскольку ваш путь загрузки находится по адресу /public/uploadss

, а ваша статья. js необходимо добавить код примерно так:

router.use(express.static('public/uploadss'))

ПРИНЯТЬ ПРИМЕЧАНИЕ : ваша загрузка папка uploadss вместо uploads

, затем для тестирования вы можете открыть браузер с помощью URL-адреса и проверить, действительно ли он действителен

http://localhost: PORT / filename.jpg

вы также можете создать префикс виртуального пути

router.use('/static', express.static('public/uploadss'))

, чтобы вы могли получить к нему что-то вроде http://localhost: PORT / static / filename.jpg

ссылка: https://expressjs.com/en/starter/static-files.html

0 голосов
/ 06 марта 2020

Необходимо проверить, был ли загружен файл, прежде чем пытаться получить доступ к его свойствам.

if (!req.file) {
   // return error response
}
let filename = req.file.filename

Также необходимо проверить, что тип содержимого запроса - multipart / form-data

...