Stocker une image en base64 envoyé sous forme JSON dans JS [Résolu]

Signaler
Messages postés
138
Date d'inscription
jeudi 27 décembre 2012
Statut
Membre
Dernière intervention
25 juin 2020
-
Messages postés
138
Date d'inscription
jeudi 27 décembre 2012
Statut
Membre
Dernière intervention
25 juin 2020
-
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.................

5 réponses

Messages postés
138
Date d'inscription
jeudi 27 décembre 2012
Statut
Membre
Dernière intervention
25 juin 2020
3
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");
}
Messages postés
28950
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
14 juillet 2020
2 615
Bonjour,

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


Messages postés
138
Date d'inscription
jeudi 27 décembre 2012
Statut
Membre
Dernière intervention
25 juin 2020
3
oui exacetement je les envoyé depuis ma base donné viya ajax en forma JSON.
Messages postés
138
Date d'inscription
jeudi 27 décembre 2012
Statut
Membre
Dernière intervention
25 juin 2020
3
j'ai cette erreur

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

peut etre que ces trop gros poour etre placer dans src" " ?
Messages postés
138
Date d'inscription
jeudi 27 décembre 2012
Statut
Membre
Dernière intervention
25 juin 2020
3
si je pouvait stocker l'image dans un fichier tempraire aprés placé suelemnt url de ce fichier ces possible ?
Messages postés
28950
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
14 juillet 2020
2 615
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);
Messages postés
138
Date d'inscription
jeudi 27 décembre 2012
Statut
Membre
Dernière intervention
25 juin 2020
3
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.