Angular总是为<img>标签的source属性发送Cache-Control: no-cache
创始人
2024-11-01 13:00:28
0

在Angular中,可以使用HttpClient模块来发送HTTP请求,并且可以设置请求头部信息。以下是一个示例代码,演示如何为标签的source属性发送Cache-Control: no-cache

  1. 首先,确保你已经导入了HttpClientModule模块,以便可以使用HttpClient服务。
import { HttpClientModule, HttpClient, HttpHeaders } from '@angular/common/http';

@NgModule({
  imports: [
    HttpClientModule
  ]
})
export class AppModule { }
  1. 在你的组件中,注入HttpClient服务。
import { HttpClient, HttpHeaders } from '@angular/common/http';

constructor(private http: HttpClient) { }
  1. 在需要发送请求的方法中,使用HttpClient发送请求,并设置请求头部信息。
getImage() {
  const headers = new HttpHeaders().set('Cache-Control', 'no-cache');

  this.http.get('http://example.com/image.jpg', { headers: headers, responseType: 'blob' })
    .subscribe(response => {
      const img = new Image();
      img.src = URL.createObjectURL(response);
      document.body.appendChild(img);
    });
}

在上面的示例中,我们创建了一个HttpHeaders对象,并设置了Cache-Control头部为no-cache。然后,我们使用HttpClientget方法发送GET请求,同时传递了设置的头部信息。在获取到响应后,我们创建了一个Image对象,并将响应的Blob数据作为源,将图片添加到页面中。

这样,当使用getImage方法时,将会为标签的source属性发送Cache-Control: no-cache头部信息。

相关内容

热门资讯

透视关于"wepok... 透视关于"wepoker私人局透视"一贯真的有辅助神器(哔哩哔哩)1、实时wepoker私人局透视透...
透视解密"pokem... 透视解密"pokemmo辅助脚本"果然存在有辅助攻略(哔哩哔哩)1、pokemmo辅助脚本公共底牌简...
透视开挂"wepok... 透视开挂"wepoker辅助器安装包定制"好像存在有辅助教程(哔哩哔哩)1、不需要AI权限,帮助你快...
透视有挂"wepok... 透视有挂"wepoker轻量版辅助"都是是有辅助插件(哔哩哔哩)1、进入到wepoker轻量版辅助是...
透视解迷"wepok... 透视解迷"wepoker怎么买辅助"确实真的有辅助器(哔哩哔哩)一、wepoker怎么买辅助游戏安装...
透视必备"wpk软件... 透视必备"wpk软件是正规的吗"果然存在有辅助脚本(哔哩哔哩)1、下载好wpk软件是正规的吗脚本下载...
透视透视"We po... 透视透视"We poker辅助器下载"竟然真的是有辅助脚本(哔哩哔哩)1.We poker辅助器下载...
透视必备"wepok... 透视必备"wepoker透视版下载"都是有辅助器(哔哩哔哩)运wepoker透视版下载辅助工具,进入...
透视分享"聚星ai辅... 透视分享"聚星ai辅助工具下载"好像是有辅助工具(哔哩哔哩)在进入聚星ai辅助工具下载软件靠谱后,参...
透视有挂"hhpok... 透视有挂"hhpoker辅助挂是真的吗"真是真的是有辅助神器(哔哩哔哩)1、该软件可以轻松地帮助玩家...