我正在使用https://www.npmjs.com/package/ngx-image-cropper裁剪从角度上传到节点中我的 api 的图像,问题是它将它们转换为 base64,虽然一切都很好,但我可以'不要像这个服务器一样上传它们,所以我试图将它们转换为类型文件
let nuevo = new FormData();
let split = this.croppedImage.split(",")[1];
let blob = new Blob([atob(split)], { type: "image/png" });
let file = new File([blob], "imageFileName.png");
nuevo.append("tipo", "perfil");
nuevo.append("user", this.id.toString());
nuevo.append("image", file);
this.dataService.nuevaImage(nuevo).subscribe(
res => console.log(res),
err => console.log(err)
)
直到使用拆分的那一刻一切正常,但是当将其转换为文件并将其发送到 api 时,它看起来是黑色的,并且在本地它说格式不兼容。PS:api不会报错
我能够使用 https://stackblitz.com/edit/ngx-image-croppe-anartz?fbclid=IwAR2caX0Kd1IkZ9e_2vBlUm9hTXCUCb5BZtlezwAtwEMl_YcKaaFj472bVGE修复它
解码问题有点麻烦,但这对我有帮助