在哈巴狗上显示图像

时间:2018-03-08 03:10:17

标签: image express pug

我是NodeJS世界的新手。

我尝试使用pug和node express从mongodb显示图像。

请查看我的代码并指导我。

customer.pug

extend layouts
block content
    h1.container #{title} of #{customer.full_name}
    div.container
        p Full Name: #{customer.full_name}
        p Address: #{customer.address}
        p Age: #{customer.age}
        img.imageScr1(src=customer.profileimage, alt=customer.full_name)

app.js

const express = require('express');
const path = require('path');
const router = express.Router();
const mongoose = require('mongoose');
const bodyParser = require('body-parser');
const fs = require('fs');
const multer = require('multer');

// set storage engine
const storage = multer.diskStorage({
    destination: function(req, file, cb){
        cb(null, './uploads/',)
    },
    filename: function (req, file, cb) {
        cb(null, file.fieldname + Date.now() + path.extname(file.originalname));
    }
});

// init upload
const upload = multer({ 
    storage: storage
});

// Middlewares
// middleware for Assets - to set public for assets
app.use(express.static(path.join(__dirname, 'public')));
app.use('/uploads', express.static(path.join(__dirname, 'uploads')));

// route - homepage
app.get('/', function (req, res) {
    Customer.find({}, null, function(err, customers) {
        if(err){
            console.log(err);
        } else{
            // customers.profileimage = '/' + customers.profileimage;
            // console.log('image prefix::: ' + customer.profileimage);
            res.render('index', {
                title: 'Customer List',
                customers: customers
            });
        }
    });
});

app.post('/customer/add', upload.single('profileimage'), function (req, res) {
    var customer = new Customer();
    customer.full_name = req.body.full_name;
    customer.address = req.body.address;
    customer.age = req.body.age;
    customer.profileimage = req.file.path;
    customer.save(function (err) {
        if(err){
            console.log(err);
        } else{
            res.redirect('/');
        }
    });
});

渲染customer.pug视图时出现以下错误。 error_console

我发现,如果我在图片路径'uploads \ profileimage1520473825415.jpg'之前添加'\',它会显示图片。

我尝试了很多方法,但是没有用。

请帮帮我。

干杯

0 个答案:

没有答案