Stocker une image en base64 envoyé sous forme JSON dans JS

Résolu/Fermé
yacinebosss Messages postés 157 Date d'inscription jeudi 27 décembre 2012 Statut Membre Dernière intervention 18 décembre 2021 - Modifié le 17 mai 2020 à 15:41
yacinebosss Messages postés 157 Date d'inscription jeudi 27 décembre 2012 Statut Membre Dernière intervention 18 décembre 2021 - 18 mai 2020 à 16:49
bonjour j'ai envoyé depuis ma base de donné une image en base64 sous forme JSON.
viya ajax.
mais je sais pas comment la stocker dans js.
dans une variable tableau var(img) ?

mon code php:
$conn = new mysqli($servername, $username, $password, $dbname);
// Check connection
if ($conn->connect_error) {
  die("Connection failed: " . $conn->connect_error);
}

 

 $sql = "SELECT * FROM image_article WHERE edition='1' AND page='2'";
$requete = $conn->query($sql);


$data = $requete->fetch_assoc();

$donnees_binaires = $data["img_blob"];


$img='<img src="data:image/[https://www.commentcamarche.net/contents/1210-compression-jpeg jpeg];base64,'.base64_encode($donnees_binaires).'"/>';
 
 echo json_encode($img);


mon code js:
var Image1; 
$.ajax({
   url: "AFFICHAGE IMAGE.php",
   type: 'POST',
   dataType:'json',
   success: function(img) {
  //Image1 = img;   
console.log(img);
//alert(data1[0][0]);// alerts first string
  },error: function(err){
      
     alert("aucune donné");
  }

});        


// aprés la je ne sais pas comment la stocker



precison:
mon image je peux lafficher dans php normal ca marche.
voici ce que
console.log(img)
:
<img src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEAlgCWAAD/4gogSUNDX1BST0ZJTEUAAQEAAAoQAAAAAAIQAABtbnRyUkdCIFhZWiAAAAAAAAAAAAAAAABhY3NwQVBQTAAAAAAAAAAAAAAAA.................
A voir également:

5 réponses

yacinebosss Messages postés 157 Date d'inscription jeudi 27 décembre 2012 Statut Membre Dernière intervention 18 décembre 2021 3
Modifié le 17 mai 2020 à 16:38
j'y suis presque je crois si vous avez des idée help me.

var Image1 = new Image(100,100);
//Image1.src='Le-babezien-ar/Le-babezien-ar-page-002.jpg';
$.ajax({
   url: "AFFICHAGE IMAGE.php",
   type: 'POST',
   dataType:'json',
   success: function(img) {
  Image1.src = img; 
   // console.log(Image1);

//alert(data1[0][0]);// alerts first string
  },error: function(err){
      
     alert("aucune donné");
  }

});        

  onload=function(){
  var lien=document.getElementById("img5");
  lien.appendChild(Image1);
  console.log("fait");
}
0
jordane45 Messages postés 38138 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 17 avril 2024 4 649
17 mai 2020 à 16:36
Bonjour,

Donc ton image est déjà dans une variable js ... la variable img ...


0
yacinebosss Messages postés 157 Date d'inscription jeudi 27 décembre 2012 Statut Membre Dernière intervention 18 décembre 2021 3
17 mai 2020 à 16:37
oui exacetement je les envoyé depuis ma base donné viya ajax en forma JSON.
0
yacinebosss Messages postés 157 Date d'inscription jeudi 27 décembre 2012 Statut Membre Dernière intervention 18 décembre 2021 3
Modifié le 17 mai 2020 à 16:42
j'ai cette erreur

GET................414 (Request-URI Too Long)

peut etre que ces trop gros poour etre placer dans src" " ?
0
yacinebosss Messages postés 157 Date d'inscription jeudi 27 décembre 2012 Statut Membre Dernière intervention 18 décembre 2021 3
Modifié le 17 mai 2020 à 16:44
si je pouvait stocker l'image dans un fichier tempraire aprés placé suelemnt url de ce fichier ces possible ?
0
jordane45 Messages postés 38138 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 17 avril 2024 4 649
17 mai 2020 à 18:03
Ta variable contient déjà le html <img src ...
D'où l'erreur...

Toi il ne faut retourner que l'image dans ton php
$donnees_binaires = $data["img_blob"];

/*
$img='<img src="data:image/base64,'.base64_encode($donnees_binaires).'"/>';
 */

$img = "data:image/base64,".base64_encode($donnees_binaires); 

 echo json_encode($img);
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
yacinebosss Messages postés 157 Date d'inscription jeudi 27 décembre 2012 Statut Membre Dernière intervention 18 décembre 2021 3
Modifié le 18 mai 2020 à 16:49
bon en faite je me suis tourné vers une solution plus simple. j'ai mis les image dans fichier hhh et puit je manipule les url.
0