【发布时间】:2018-06-06 09:17:43
【问题描述】:
我试图在页面上显示我已经上传的图像/(图像),但它说文件未定义。
app.get('/profile',(req,res) =>{
gfs.files.find().toArray((err, files) => {
// Check if files
if (!files || files.length === 0) {
res.render('profile', {files: false})
} else
{
files.map(file => {
if(file.contentType === 'image/jpeg' || file.contentType === 'image/png'){
file.isImage = true;
} else {
file.isImage = false;
}
});
res.render('profile',{files: files})
}
});
我正在使用 EJS 视图引擎。配置文件.ejs 我的代码:
<div class="container">
<div class="row">
<div class="col-md-6 m-auto">
<form action="/upload" method="POST" enctype="multipart/form-data">
<div class="custom-file mb-3">
<input type="file" name="file" id="file" class="custom-file-input">
<label for="file" class="custom-file-label">Upload your image</label>
</div>
<input type="submit" value="Submit!" class="btn btn-primary btn-block">
</form>
<hr>
<% if(files){ %>
<% files.forEach(function(file) { %>
<div class="card card-body mb-3">
<% if(file.isImage) { %>
<img src="image/<%= file.filename %>" alt="">
<% } else { %>
<%= file.filename %>
<% } %>
</div>
<% }) %>
<% } else { %>
<p>No files to show</p>
<% } %>
</div>
</div>
我不明白为什么我总是收到文件未定义的错误。 ReferenceError: C:\Users\User\Desktop\Oauth\views\profile.ejs:111
109| </form>
110| <hr>
111| <% if(files){ %>
files is not defined
【问题讨论】:
-
如果将上面的内容更改为
app.get('/profile',(req,res) => res.render('profile', {files: false}))会发生什么 -
注意:
files.map(file => {应该是files.forEach(file => {因为 a) 你忽略了返回的值,b) 你改变了原来的“文件”对象,添加了isImage属性.不是这个问题,而是为了更清晰的代码,使用forEach而不是map -
请不要转发问题。而是解决现有问题中的问题。你在这里得到了很多与原版相同的反馈,正如那里提到的,问题很可能是“范围界定”。请返回原始内容并将其分解为一个小清单,该清单重现了问题,而不仅仅是大型应用程序的一部分。见How to create a Minimal, Complete, and Verifiable example
标签: javascript node.js mongodb ejs