我试图在页面上显示我已上传的图像/(图像),但它表示文件未定义。
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视图引擎。 profile.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
答案 0 :(得分:0)
尝试检查回调中的err参数以开始调试。
app.get('/profile',(req,res) =>{
gfs.files.find().toArray((err, files) => {
if (err) {
console.log(err); // debug the error
return res.render('profile', {files: false});
}
// Check if files
if (!files || files.length === 0) {
res.render('profile', {files: false})
} else {
// map the files and set it to itself
files = files.map((file) => {
if(file.contentType == 'image/jpeg' || file.contentType == 'image/png'){
file.isImage = true;
} else {
file.isImage = false;
}
return file; // You forgot this.
});
res.render('profile',{files: files})
}
});