Stocker une image en base64 envoyé sous forme JSON dans JS
Résolu
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:
mon code js:
precison:
mon image je peux lafficher dans php normal ca marche.
voici ce que
<img src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEAlgCWAAD/4gogSUNDX1BST0ZJTEUAAQEAAAoQAAAAAAIQAABtbnRyUkdCIFhZWiAAAAAAAAAAAAAAAABhY3NwQVBQTAAAAAAAAAAAAAAAA.................
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
-
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"); } -
ModérateurBonjour,
Donc ton image est déjà dans une variable js ... la variable img ...
-
j'ai cette erreur
GET................414 (Request-URI Too Long)
peut etre que ces trop gros poour etre placer dans src" " ? -
si je pouvait stocker l'image dans un fichier tempraire aprés placé suelemnt url de ce fichier ces possible ?
-
ModérateurTa 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);
-
-
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.
