Discussion :

[ahono002]

Bonjour, Jai besoin d'aide. je souhaite mettre sur mon site web une petite application qui permettra à l'utilisateur d'uploader sa photo, le site va ensuite traiter et ajouter un cadre déjà prédéfinir (la photo sera sur une partie et le cadre sur l'autre, jai vu cela sur le site du challenge we are happy from il y a quelque année) et enfin l'utilisateur pourat télécharger sa photo modifiée!
Désolé si j'en demande unpeu trop mais cette application me hante depuis quelque semaine et je ne sais vraiment pas par où commencer! jai une bonne base de beaucoup de langage de programmation, jai vraiment besoin d'aide pour commencer ce projet qui me tien à cœur! Merci pour vos réponses

Ps: Je mettrai en pièce jointe un exemplaire de ce dont je parle

[01001111]

je te conseillerai d'utiliser l'objet canvas html5, d'y ajouter tout d'abord l'image, via la méthode suivante:

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
 
fileReader.onload=(function(e) {
	var img=new Image();
	img.src=e.target.result;
	img.onload=(function() {
                 var context=canvas.getContext('2d');
                 context.drawImage(this,0,0);
        };
};
fileReader.readAsDataURL(fileList[0]);
// canvas étant l'objet html référencé via javascript au préalable, fileList étant l'objet fileList enfant d'un input type="file"

permettre de recadrer l'image serait un plus, là ça peut se révéler un peu plus difficile.
ensuite tu utilises la même méthode pour le cadre.

Enfin, il te faudra uploader l'image vers le serveur, là, je préconise l'utilisation de la méthode

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

var data=canvas.toDataURL("image/png");

pour envoi ajax vers le serveur avec la méthode xmlHttpRequest

sur le serveur tu peux sauvegarder l'image avec php par exemple en utilisant la méthode fopen pour écrire le fichier.

[ahono002]

Merci 01001111 pour ta réponse rapide, je m'y connais pas trop mais je ferai mes recherches en fonction de ce que tu ma donné, merci

[01001111]

ok, à ton service, si des points restent flous, n'hésites pas à redemander ici.