Javascript 如何将jpeg文件从服务器上的文件夹发送到客户端并在图像元素中显示?

Javascript 如何将jpeg文件从服务器上的文件夹发送到客户端并在图像元素中显示?,javascript,node.js,image,fetch,fs,Javascript,Node.js,Image,Fetch,Fs,我正在使用node.js和express服务器端。我正在使用whatwg获取和响应客户端。目前正在发生的是: 步骤1:我使用fetch客户端向服务器发出post请求 步骤2:我让服务器发回一个由客户端指定的文件。例如: res.sendFile(path.resolve(__dirname + '/../Images/' + 'ImageTheClientWants.jpeg')); 步骤3:我查看客户端的response.body,它的类型是ReadableByteStream。我不知道如何

我正在使用node.js和express服务器端。我正在使用whatwg获取和响应客户端。目前正在发生的是:

步骤1:我使用fetch客户端向服务器发出post请求

步骤2:我让服务器发回一个由客户端指定的文件。例如:

res.sendFile(path.resolve(__dirname + '/../Images/' + 'ImageTheClientWants.jpeg'));
步骤3:我查看客户端的response.body,它的类型是ReadableByteStream。我不知道如何从这里开始

我现在唯一的想法是将字节读入缓冲区,将该缓冲区转换为字符串,然后在必要时将该字符串编码为base64。 然后我可以设置一个元素,如下所示:

<img src={src} />
我使用这种方法的第一个问题是javascript似乎没有很多好的工具来处理开箱即用的缓冲区(除非我在文档中遗漏了一些东西)。这种方法的第二个问题是,npm上可能已经有一些包以更好的方式实现了这一点,并且已经过测试

我的问题是如何将一个jpeg图像文件(非公共)发送到客户端并在html图像标记中显示该图像?我走的是正确的道路,还是有其他方法可以做到这一点

我还想指出,一般来说,我不想公开这些图片,这就是为什么我不将它们上传到公共文件夹的原因


谢谢你的帮助

这个解决方案怎么样,这是相关的问题

反应:

<div>    
    <img src={image_src}></img>
 </div>

这个解决方案怎么样,这是相关的问题

反应:

<div>    
    <img src={image_src}></img>
 </div>

我认为这是一个很好的答案。这要简单得多,我仍然可以在发送文件之前对用户进行身份验证。它对我有用。谢谢我认为这是一个很好的答案。这要简单得多,我仍然可以在发送文件之前对用户进行身份验证。它对我有用。谢谢
router.get('/image/:id',function(req,res){
    res.sendFile(dynamicImagepath);
});