Javascript 如何使用node.js下载angular中的图像？

在这里我有一个图像，点击该图像它打开菜单，在菜单一下载选项，点击下载按钮我想下载这个图像怎么可能？（imageUrl位于下面的代码控制台中）。当我点击下载时，我想打开另存为并在我的电脑中下载图像

HTML

---

您可以使用锚定标记检查以下代码

<a download href="{{commonUrlObj.commonUrl}}/{{item.urloffolder}}/{{item.imageName}}">Download</a>

---

您可以使用锚定标签检查以下代码

<a download href="{{commonUrlObj.commonUrl}}/{{item.urloffolder}}/{{item.imageName}}">Download</a>

---

使用文件保护程序我们可以做到这一点，希望这段代码有用

TS

服务

import { HttpClient, HttpHeaders } from '@angular/common/http';

downloadFile(file){
  return this.httpClient.post('http://127.0.0.1/downloadFile',file,{
    responseType : 'blob',
    headers : new HttpHeaders().append('content-type','application/json')
  });
}

app.js（node.js代码）

---

使用文件保护程序，我们可以做到这一点，我希望这段代码是有用的

TS

服务

import { HttpClient, HttpHeaders } from '@angular/common/http';

downloadFile(file){
  return this.httpClient.post('http://127.0.0.1/downloadFile',file,{
    responseType : 'blob',
    headers : new HttpHeaders().append('content-type','application/json')
  });
}

app.js（node.js代码）

---

将img路径添加到

a href

和

img src

中，并添加

download

属性，如

---

将img路径添加到

a href

和

img src

并添加

download

属性，如

它是同一选项卡上打开的图像，不下载，但我想在我的PCi中打开另存为并下载图像。我想我不确定我们是否可以使用编程方式。您可以检查此选项，这将有助于它是同一选项卡上打开的图像，不下载，但我想在我的PCi中打开另存为并下载图像。我想我不确定我们是否可以使用编程方式您可以检查此选项，这将有助于使用HTML5下载属性轻松完成此操作。@Sushil您可以帮助我简化方法并输入答案吗？经过多次搜索，我得到了此答案，并且它有效，因此我将此选项放在下面检查答案。如果它不起作用，请留下评论。使用HTML5下载属性可以很容易地完成。@Sushil你能帮我找到一个简单的方法并输入答案吗？经过这么多的搜索，我得到了这个答案，它起作用了，所以我把这个检查答案放在下面。如果不起作用，请留下评论。

import { HttpClient, HttpHeaders } from '@angular/common/http';

downloadFile(file){
  return this.httpClient.post('http://127.0.0.1/downloadFile',file,{
    responseType : 'blob',
    headers : new HttpHeaders().append('content-type','application/json')
  });
}

app.post('/downloadFile',function(req,res,next){
  filepath = path.join(__dirname,'./public/'+req.body.urloffolder+'/'+req.body.filename);
  res.sendFile(filepath);
});

<div class="img-wrap">
    <img  src="imagepath"/>
    <i class="fa fa-download" aria-hidden="true">
        <a href="imagepath" download="downloaded filename"></a>
    </i>
</div>