显示目录中的所有图像

时间:2013-06-29 08:22:54

标签: javascript node.js

我正在尝试显示目录​​中的所有图像。图像上传,我想相应地显示它们。但是,使用我当前的代码mt页面只生成一个图像元素,并且该图像的链接被破坏。由于我一般都是javascript和nodejs的新手,所以可能还有一些我缺少的额外步骤。非常感谢任何帮助。

    function show(response, request) {
    console.log("Request handler 'show' was called.");
    fs.readdir("./tmp", function(error, files) {
        response.writeHead(200, {'content-type': 'image/png'});
        if (error) {
            console.error(error.message);
        } else {
            files.forEach(function(file) {
                response.write("./tmp/" + file, 'binary');
                console.log('Image: ./tmp/' + file +' written');
            });
            response.end();
        }
    });
    console.log('All images written');
}

1 个答案:

答案 0 :(得分:1)

目前您正在使用image / png多个图像进行响应,您的浏览器不知道如何处理所有图像,您必须拥有html标记并显示带有标记的图像,因此如果您有静态内容的处理程序,请将您的网络服务器可以提供的目录中的图像,例如localhost:3000 / images / img1.png(如果您在localhost 3000上运行服务器),将响应内容类型更改为text / html,并为每次迭代执行响应。写(')