2 pièce(s) jointe(s)
Recréer une image reçu depuis un rest api java
Bonsoir à toutes et à tous,
il y a télement à dire..; :) alors je vais droit au but.
=> j'aimerai afficher des images que je reçoi à partir d'une requette Https.
pour se faire, mon rest api me renvois une list d'objet (ImageBien)
mais je n'arrive pas à exploiter ces informations corectement....
je vous montre...
Code:
1
2
3
4
5
6
7
8
9
10
11
| rechercheImagesBien(): void{
// tslint:disable-next-line:max-line-length
this.imagService.rechercherParBienid(this.b).subscribe((reponse: Array<ImageBien>) => {
// tslint:disable-next-line:prefer-for-of
for (let i = 0; i < reponse.length; i++){
console.log(reponse[i]);
}
console.log(reponse);
}, reponse => alert(this.error));
} |
Voila la réponse de mon console.log:
Pièce jointe 603352
comme vous pouvez le voir, je reçois bien tout ce que j'ai besoin pour recréer ou voir mes images ... Apres ça coince..
J'ai testé ça.... Mais rien.. ou plutot , je ne comprend pas l'erreur
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
| rechercheImagesBien(): void{
// tslint:disable-next-line:max-line-length
this.imagService.rechercherParBienid(this.b).subscribe((reponse: Array<ImageBien>) => {
// tslint:disable-next-line:prefer-for-of
for (let i = 0; i < reponse.length; i++){
// @ts-ignore
const file = new File(reponse[i].picByte, reponse[i].name, reponse[i].picByte);
console.log(file);
}
console.log(reponse);
}, reponse => alert(this.error));
} |
Erreur:
Pièce jointe 603353
pour tant, je récrée un fichier...
Dans l'attente de vos réponse, prenez soin de vous
1 pièce(s) jointe(s)
console.log(reponse.picByte); donne ça
je l'ai modifier
Code:
console.log(reponse[i].picByte);
Pièce jointe 603354
MMMMEEERRRCCCCIIIIIIIIII krakatoa
ça fonctionnnnn...
bon je doit encor pofiner la taille mais c'est trop goodddddddd....
je montre le code quand même :)
Code:
1
2
|
retrievedImage: Array<string> = []; |
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
| rechercheImagesBien(): void{
// tslint:disable-next-line:max-line-length
this.imagService.rechercherParBienid(this.b).subscribe((reponse: Array<ImageBien>) => {
// tslint:disable-next-line:prefer-for-of
let tostring = '';
// tslint:disable-next-line:prefer-for-of
for (let i = 0; i < reponse.length; i++){
tostring = 'data:image/jpeg;base64,' + reponse[i].picByte;
this.retrievedImage.push(tostring);
}
console.log(this.retrievedImage);
}, reponse => alert(this.error));
} |
et le html:
Code:
1
2
3
4
5
| <div class="carousel-inner" *ngFor="let c of retrievedImage">
<div class="carousel-item active">
<img class="d-block w-100" src="{{c}}" alt="First slide">
</div>
</div> |
une question me tarode :)
pq je suis obligé de le transformer en String.????
je ne vois pas le rapor.. et je n'aurai jamais trouvé seul
