Angular中在进行POST请求时显示空白图片
创始人
2024-10-31 20:30:29
0

需要确保将图像转换为base64格式,并正确地将其作为请求正文的一部分进行发送。

示例代码:

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

// 获取图片并将其转换为base64格式
import { from, Observable } from 'rxjs';
import { map } from 'rxjs/operators';

const imageData: Observable = from(fetch('/path/to/image')
  .then(response => response.blob())
  .then(blob => new Promise((resolve, reject) => {
    const reader = new FileReader();
    reader.onloadend = () => { resolve(reader.result); };
    reader.onerror = reject;
    reader.readAsDataURL(blob);
  }))
);

// 设置 HTTP 请求头
const headers = new HttpHeaders({ 'Content-Type': 'application/json' });

// 发送POST请求
this.http.post('http://example.com/upload-image',
  { image: await imageData.toPromise() },
  { headers }
).subscribe(response => console.log(response));

相关内容

热门资讯

透视解谜"hhpok... 透视解谜"hhpoker是真的假的"好像存在有辅助技巧(哔哩哔哩)hhpoker是真的假的破解侠是真...
透视科普"wepok... 透视科普"wepoker免费脚本弱密码"果然是真的辅助神器(哔哩哔哩)wepoker免费脚本弱密码辅...
透视曝光"pokem... 透视曝光"pokemmo手机版脚本免费"都是是真的辅助脚本(哔哩哔哩)小薇(辅助器软件下载)致您一封...
透视专业"wepok... 透视专业"wepoker透视脚本"一直是真的辅助方法(哔哩哔哩)wepoker透视脚本辅助器是一种具...
透视解密"wepok... 透视解密"wepoker透视辅助下载"一贯真的是有辅助方法(哔哩哔哩)1、下载好wepoker透视辅...
透视推荐"epoke... 透视推荐"epoker有透视吗"本来真的有辅助神器(哔哩哔哩)1、许多玩家不知道epoker有透视吗...
透视教你"wepok... 透视教你"wepoker有没有挂"本来有辅助教程(哔哩哔哩)1、首先打开wepoker有没有挂辅助器...
透视有挂"wepok... 透视有挂"wepoker辅助透视软件"切实是有辅助神器(哔哩哔哩)1、用户打开应用后不用登录就可以直...
透视有挂"哈糖大菠萝... 透视有挂"哈糖大菠萝辅助器"确实有辅助技巧(哔哩哔哩)哈糖大菠萝辅助器辅助器是一种具有地方特色的麻将...
透视必备"wepok... 透视必备"wepoker怎么看牌型"一直真的有辅助技巧(哔哩哔哩)1、全新机制【wepoker怎么看...