import { HttpClient, HttpHeaders } from '@angular/common/http';
import { Observable } from 'rxjs/Observable';
import { map } from 'rxjs/operators';
...
private getImageData(url: string): Observable {
const headers = new HttpHeaders({ 'Authorization': 'Bearer ' + this.jwtToken });
return this.http.get(url, { headers, responseType: 'blob' }).pipe(
map((res) => {
// Convert blob data to image file
let reader = new FileReader();
reader.readAsDataURL(res);
reader.onloadend = () => {
let imageData = reader.result;
return imageData;
}
})
);
}
在HTML中,可以通过使用标签并将src属性设置为图片数据URL来显示图片。