如何使用javascript / node js从数据库动态加载图片到网页上

Question

我正在开发一个网络应用程序，我正在创建一个用户个人资料页面，我想在其中加载用户信息，并显示个人资料图片。我正在使用node / express / jade。我有一个javascript文件，可以处理单击选项卡时应加载的玉视图。例如，如果单击配置文件页面选项卡，我使用jquery post方法将数据加载到用户。我想加载图片，但我不确定html /或玉形式的确是这样的，或者我将如何使用我的javascript文件从数据库发布图片。

我是否应该使用我用来发布图片的相同javascript文件？或者是否有另一种加载图像的方法？

我见过this解决方案，但我想知道是否可以按照描述的方式这样做。

Answer 1

好吧，如果您的问题是关于服务器端模板，那么这应该可以解决问题：

你需要一个像这样的img标签：

img(src="<url to get method for user's profile picture>")

在Express中，您需要一个路由处理程序，例如：

app.get('/profile/image', function(req, res){

     //some code to find the path to the image associated with some user

     var img = fs.readFileSync('path to file');
     res.writeHead(200, {'Content-Type': 'image/gif' });
     res.end(img, 'binary');
})

您也可以使用async方法并将文件写入回调的响应。

顺便问一下，你见过Gravatar吗？使用Gravatar会产生类似的解决方案，但您可以省去存储和提供图像文件的需要。