Discussion :

[Devilju69]

Bonjour,

Je dois enregistrer une signature créer à partir d'un canvas. Quand je clique sur le lien il me propose de télécharger mon image mais je souhaite que l'image s’enregistre directement sur le serveur. Avez vous une idée ?

Voici mon code pour le téléchargement :

Code html :

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

<a onclick="downloadCanvas()" href="">Signature OK</a>

Voici ma fonction

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
	function downloadCanvas(){
 
    var canvas = document.querySelector("#canvas").toDataURL("image/png");
 
    /* Création de l'élément Anchor */
    var a = document.createElement('a');
 
    /* Nom du fichier */
    a.download = variableRecuperee+".png";
 
    /* Canvas à télécharger */
    a.href = canvas;
 
    /* Clique sur le lien */
    a.click();
 
}

Merci d'avance

[mathieu]

le contenu de l'image est dans la variable "canvas" donc vous pouvez l'envoyez à un serveur en utilisant la fonction "fetch" par exemple.
https://developer.mozilla.org/fr/doc...PI/Using_Fetch

[Devilju69]

Oui j'ai mon dessin dans la balise canvas ou dans une div peu importe.

Je ne comprends pas trop comment utiliser la fonction fetch et lui imposer le chemin.
Avez vous un exemple ?