Question

我有下面的代码...总而言之，这不是要生成目录中所有文件的列表，然后为列表中的每个文件在页面上添加一个新的Gallery元素。

<!DOCTYPE html>
<html>
  <head>
    <title></title>
    <style media="screen">
      div.gallery {
        margin: 5px;
        border: 1px solid #ccc;
        float: left;
        width: 180px;
      }

      div.gallery:hover {
        border: 1px solid #777;
      }

      div.gallery img {
        width: 100%;
        height: auto;
      }

      div.desc {
        padding: 15px;
        text-align: center;
      }
    </style>
  </head>
  <body>
    <h1>Test</h1>
    <script type="text/javascript">
      var fs = require('fs');
      var files = fs.readdirSync('uploads/');

      for (item in files) {
        document.write('<div class="gallery">');
        document.write('<a target="_blank" href="uploads/'+item+'">');
        document.write('<img src="uploads/'+item+'" width="600" height="400">');
        document.write('</a>');
        document.write('<div class="desc">'+item+'</div>');
        document.write('</div>');
       }
    </script>
  </body>
</html>

通过一些快速研究，var fs = require('fs');和var files = fs.readdirSync('uploads/');应该将目录中的文件放入列表中，然后for语句并不意味着将它们添加到页面中。但是，当我重新加载页面时，它保持空白。有人有什么想法吗？

如何获取目录中的所有文件，然后在图库中显示它们？

0 个答案: