get img source (à partir du canvas dataURL) vers une autre page

Désolé, le titre n'est pas très clair sur ce que j'essaie de faire.get img source (à partir du canvas dataURL) vers une autre page

Laissez-moi vous expliquer. J'ai une page html sur laquelle j'ai un bouton, dès que je clique sur le bouton, une page php devrait être lancée (en arrière-plan). Cette page génère (à partir d'une base de données) une toile et cette toile est transformée en une image codée (base64) et ceci est ajouté à la source img de cette page php (cela fonctionne). Maintenant, ce que je veux, c'est obtenir cette source img et l'afficher sur la page HTML (où le bouton est). Faites-moi savoir si vous avez besoin d'un code d'exemple.

J'espère que quelqu'un peut m'aider avec ceci. Merci

Source

2011-11-02 udigital

Utilisez-vous jQuery pour publier les données sur la page PHP? pouvez-vous poster le code Javascript/jQuery? – ManseUK

Si vous utilisez jQuery, vous pouvez utiliser la fonction .load:

$('#result').load('ajax/test.php', function() { 
    alert('Load was performed.'); 
});

où #result est l'ID du button ou div près de lui .... le ajax/test.php serait votre script et le alert dans le function est le rappel de succès (peut être enlevé si nécessaire)

Source

2011-11-02 14:53:52 ManseUK

Voici une partie du code de la page php 'var dataURL = canvas.toDataURL(); document.getElementById ("canvasImg"). src = dataURL;};'; echo $ tag;?> ' J'ai essayé de trouver un bon moyen d'utiliser jQuery, mais je n'ai pas trouvé un bon échantillon. Merci – udigital

Du petit code que vous avez posté, je penserais que cela ressemblerait à ceci, bien que pas sûr?

...... 
var dataURL = canvas.toDataURL(); 
document.getElementById("canvasImg").src = dataURL; 
document.getElementById("ImgCode").value = dataURL; 
}; 
</script> 
</head> 
<body> 
<canvas id="myCanvas" width="73" height="103" style="display:none;"></canvas> 

<? $tag = '<img id="canvasImg">'; 
<? $tag2 = '<input id="ImgCode" type="text">'; 

echo $tag;?> 
echo $tag2;?> 

</body> 
</html>

Vous aurez probablement le style et la position de la balise d'entrée, ou le remplacer par un div, ou tout ce que vous aimez vraiment, il suffit d'utiliser innerHTML ou quelque chose de similaire au lieu de la valeur.

Source

2011-11-02 15:33:11 adeneo

Merci, je vais regarder dans – udigital

J'ai regardé dans le code et retiré la partie de l'étiquette du code ci-dessus. J'ai aussi joué avec le code de la page d'index, mais tout ce que je reçois est la balise d'entrée sans sa valeur (dans la source de la page php je ne vois même pas sa valeur seulement la source du fichier img) et que source est ce que j'ai besoin d'insérer dans une image sur la page d'index. Voici le code de la page d'index: ' ' – udigital

Je pensais, peut-être que cela a quelque chose à voir avec la page php pas tout à fait prête (toile chargée et image créée) , c'est peut-être pourquoi c'est vide? – udigital

get img source (à partir du canvas dataURL) vers une autre page

Répondre

Questions connexes