1

我正在将 multer 与 Express 和 EJS 一起使用。我将 multer 返回的文件路径保存到我的数据库中，以进一步将路径传递给 ejs 模板。但是文件路径包括“public”文件夹，并且因为我已将默认视图引擎设置为 ejs 和 express.static("public")。由于文件路径，当在图像中的 ejs 模板中传递时，multer 返回的存储在我的数据库中的路径不可见。有什么方法可以让我的图像正确显示吗？这是我的代码：

我的文件结构：

  1. 公开>上传

    视图>main.ejs

我的 app.js 文件

// 节点应用配置

const app = express();
app.use(express.static("public"));
app.set("view engine", "ejs");
app.use(bodyParser.urlencoded({ extended: false }));
app.use(bodyParser.json());

// 存储引擎

const storage = multer.diskStorage({
    destination: './public/upload',
    filename: (req, file, cb) => {
        return cb(null, `${file.fieldname}_${Date.now()}${path.extname(file.originalname)}`)
    }
})

const upload = multer({
    storage: storage,
   limits:{
       fileSize: 10485760
   }
})
app.use('/profile', express.static('upload'));

//主要获​​取方法

app.get("/main", function  (req, res) {
    if (req.isAuthenticated()) {
        User.find({ "secret": { $ne: null }, "filePath": { $ne: null }}, function(err, foundUser, 
 filePath){
            if(err){
                console.log(err);
            }else{
                if(foundUser ){
                    res.render("main", {
                        usersWithSecrets: foundUser,
                        usersWithImages: filePath
                       
                    });
                    console.log(foundUser);
                }
            }
        }
        );
    } else {
        res.redirect("/login");
    }

});

存储在我的数据库中的数据： 在此处输入图像描述

4

1 回答 1

0

像这样删除public/前缀字符串：

let filePath = 'public\upload\profile_1609301637277.PNG'
filePath = filePath.split('/').slice(1).join('/')
console.log(filePath) //=> upload/profile_1609301637277.PNG
于 2020-12-30T04:15:00.217 回答