Stocker une image en base64 envoyé sous forme JSON dans JS
Résolu
yacinebosss
Messages postés
184
Statut
Membre
-
yacinebosss Messages postés 184 Statut Membre -
yacinebosss Messages postés 184 Statut Membre -
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.................
A voir également:
- Json image base64
- Image iso - Guide
- Légender une image - Guide
- Reduire taille image - Guide
- Acronis true image - Télécharger - Sauvegarde
- Image gratuite - Guide
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");
}
j'ai cette erreur
GET................414 (Request-URI Too Long)
peut etre que ces trop gros poour etre placer dans src" " ?
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 ?
Ta variable contient déjà le html <img src ...
D'où l'erreur...
Toi il ne faut retourner que l'image dans ton php
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);
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
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.