Question

我试图在页面上显示我已上传的图像/（图像），但它表示文件未定义。

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

Answer 1

尝试检查回调中的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})
    }
});

NodeJS文件未定义

1 个答案: