在node.js中單擊時，如何使這些鏈接下載文件？

Question

我是Node的新手，我真的很困。

我試圖使我的Web服務器在當前目錄中查找文件，並在瀏覽器中將它們顯示為鏈接，以便我可以下載它們。

但是，文件列表只是隨每個請求更新，並一遍又一遍地顯示。 我不能使用任何框架或外部組件，並且已經堅持了兩天。 我確實做了很多研究，嘗試了很多事情，但仍然無法正常工作。

我將在下面添加我最后一次嘗試的代碼，如果有人可以幫助我提供一點點信息，將不勝感激。 謝謝！

 var http = require("http");
 var fs = require("fs");
 var currentServerDir = ".";
 var port = 8080;
 var content = "";
 var server = http.createServer(handlerRequest).listen(8080);

 function handlerRequest(request, response) {
     fs.readdir(currentServerDir, function getFiles(error, items) {
         items.forEach(function getItems(item) {
             content += "<br><a href= " + "\" " + item + "\" " + ">" + item + "</a><br>";
         });
     });
     response.writeHead(200, {
         'Content-Type': 'text/html'
     });
     response.write(content);
     response.end();
 }

編輯：

我跟隨Node.js生成HTML

並從那里借了一些代碼。 現在，我可以單擊一個文件，但是無需下載或查看它，只需說“未定義”即可。

    var http = require('http');
    var content
    function getFiles()
    {
    fs.readdir(currentServerDir, function getFiles(error, items)
    {
    items.forEach(function getItems(item)
    {
    content+= "<br><a href= " + "\" " + item + "\" " + ">" +item +        "</a><br>";
    });
    });
    }

    http.createServer(function (req, res) {
    var html = buildHtml(req);

    res.writeHead(200, {
   'Content-Type': 'text/html',
   'Content-Length': html.length,
   'Expires': new Date().toUTCString()
   });

       res.end(html);

   }).listen(8080);

   function buildHtml(req) {
   var header = '';
   var body = content;

    return '<!DOCTYPE html>'
    + '<html><header>' + header + '</header><body>' + body + '</body>    </html>';
    };

Answer 1

您的代碼中存在一些問題。

您永遠不會調用getFiles()導致永遠不會填充content
如果您調用getFiles() content最終將仍然為空，因為您使用了fs.readdir() 。 這是一個異步函數，在用於構建html頁面之前，將無法填充content 。
您對服務器的每個請求都以相同的方式處理，因此您將無法下載任何文件，因為您將始終只顯示頁面。

您可以通過使用發布的要點AlexS作為對問題的評論來解決前2個問題。 第三個需要更多的設置，但是如果您使用Express，則可以輕松設置。

Answer 2

您可以將download標簽添加到HTML鏈接中：

items.forEach(function getItems(item)
{
   content+= "<br><a href= " + "\" " + item + "\" " + " download>" +item +        "</a><br>";
});

MDN參考

Answer 3

如果您不關心瀏覽器支持，則可以使用a標簽中的download屬性。 看起來像這樣：

<a href="test.html" download="nameOfFileAfterDL">DL me!</a>

受Firefox 14+和Chrome 20+支持

但是，如果您想要一個通用的解決方案，則可以在發送文件之前先對其進行壓縮，據我所知，“單擊它們”時始終會下載.zip。

您可以使用' node-zip或archiver來壓縮文件。

在node.js中單擊時，如何使這些鏈接下載文件？

問題描述

3 個解決方案

解決方案1
1 2015-08-20 09:36:59

解決方案2
0 2015-08-20 08:42:16

解決方案3
0 2015-08-20 08:43:30

在node.js中單擊時，如何使這些鏈接下載文件？

問題描述

3 個解決方案

解決方案1 1 2015-08-20 09:36:59

解決方案2 0 2015-08-20 08:42:16

解決方案3 0 2015-08-20 08:43:30

解決方案1
1 2015-08-20 09:36:59

解決方案2
0 2015-08-20 08:42:16

解決方案3
0 2015-08-20 08:43:30