IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Angular Discussion :

Recréer une image reçu depuis un rest api java


Sujet :

Angular

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Homme Profil pro
    Étudiant
    Inscrit en
    Mai 2020
    Messages
    16
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 38
    Localisation : Belgique

    Informations professionnelles :
    Activité : Étudiant
    Secteur : Enseignement

    Informations forums :
    Inscription : Mai 2020
    Messages : 16
    Par défaut 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 : Sélectionner tout - Visualiser dans une fenêtre à part
    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:
    Nom : reponse1.PNG
Affichages : 132
Taille : 43,7 Ko
    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 : Sélectionner tout - Visualiser dans une fenêtre à part
    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:
    Nom : reponse2.PNG
Affichages : 120
Taille : 22,5 Ko

    pour tant, je récrée un fichier...
    Dans l'attente de vos réponse, prenez soin de vous

  2. #2
    Membre très actif
    Homme Profil pro
    Développeur Web
    Inscrit en
    Janvier 2019
    Messages
    707
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 43
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Janvier 2019
    Messages : 707
    Par défaut
    sert à quoi la boucle for ?
    est ce necessaire ?

  3. #3
    Membre averti
    Homme Profil pro
    Étudiant
    Inscrit en
    Mai 2020
    Messages
    16
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 38
    Localisation : Belgique

    Informations professionnelles :
    Activité : Étudiant
    Secteur : Enseignement

    Informations forums :
    Inscription : Mai 2020
    Messages : 16
    Par défaut mon for..
    je ne suis pas, du tout, un seniore...
    Sachant que la longueur de mon Array n'est pas fix,
    je voulais controler la longueur et les éléments qu'il le compose..
    je suis à vide d'apprendre si vous avez un autre moyen, je suis preneur

  4. #4
    Membre très actif
    Homme Profil pro
    Développeur Web
    Inscrit en
    Janvier 2019
    Messages
    707
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 43
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Janvier 2019
    Messages : 707
    Par défaut
    ça donne quoi ?

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
     console.log(reponse.picByte);

  5. #5
    Membre averti
    Homme Profil pro
    Étudiant
    Inscrit en
    Mai 2020
    Messages
    16
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 38
    Localisation : Belgique

    Informations professionnelles :
    Activité : Étudiant
    Secteur : Enseignement

    Informations forums :
    Inscription : Mai 2020
    Messages : 16
    Par défaut console.log(reponse.picByte); donne ça
    je l'ai modifier

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    console.log(reponse[i].picByte);
    Nom : reponse33.PNG
Affichages : 96
Taille : 124,4 Ko

  6. #6
    Membre très actif
    Homme Profil pro
    Développeur Web
    Inscrit en
    Janvier 2019
    Messages
    707
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 43
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Janvier 2019
    Messages : 707
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    retrievedImage  = "";
    ...
    ...
     
     
              const base64Data = resonse.picByte;
              this.retrievedImage = 'data:image/jpeg;base64,' + base64Data;
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
            <div *ngIf=retrievedImage>
     
                <img [src]="retrievedImage">
     
            </div>

  7. #7
    Membre averti
    Homme Profil pro
    Étudiant
    Inscrit en
    Mai 2020
    Messages
    16
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 38
    Localisation : Belgique

    Informations professionnelles :
    Activité : Étudiant
    Secteur : Enseignement

    Informations forums :
    Inscription : Mai 2020
    Messages : 16
    Par défaut MMMMEEERRRCCCCIIIIIIIIII krakatoa
    ça fonctionnnnn...
    bon je doit encor pofiner la taille mais c'est trop goodddddddd....
    je montre le code quand même
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
      retrievedImage: Array<string> = [];
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    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 : Sélectionner tout - Visualiser dans une fenêtre à part
    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>

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. [CR XI] Insérer une image dynamique depuis le référentiel
    Par Djoul dans le forum Formules
    Réponses: 1
    Dernier message: 27/02/2009, 09h37
  2. Charger une image web depuis un MemoryStream
    Par sitirna dans le forum ASP.NET
    Réponses: 4
    Dernier message: 23/01/2009, 16h03
  3. [Word] Position d'une image exportée depuis Delphi
    Par MiJack dans le forum Langage
    Réponses: 2
    Dernier message: 07/03/2008, 16h01
  4. Réponses: 1
    Dernier message: 05/03/2008, 00h41
  5. Réponses: 2
    Dernier message: 20/04/2006, 16h03

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo