IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Enregister sur mon serveur l'image de mon canvas


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé
    Homme Profil pro
    Étudiant
    Inscrit en
    Février 2008
    Messages
    391
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 38
    Localisation : France

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Février 2008
    Messages : 391
    Par défaut Enregister sur mon serveur l'image de mon canvas
    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

  2. #2
    Expert confirmé
    Avatar de mathieu
    Profil pro
    Inscrit en
    Juin 2003
    Messages
    10 615
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2003
    Messages : 10 615
    Par défaut
    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

  3. #3
    Membre éclairé
    Homme Profil pro
    Étudiant
    Inscrit en
    Février 2008
    Messages
    391
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 38
    Localisation : France

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Février 2008
    Messages : 391
    Par défaut
    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 ?

Discussions similaires

  1. Copier un fichier image local sur mon serveur PHP
    Par alf78fr dans le forum Langage
    Réponses: 1
    Dernier message: 30/12/2019, 18h48
  2. Déplacer mon image et écrire sur mon canvas
    Par solaar dans le forum Général JavaScript
    Réponses: 20
    Dernier message: 23/03/2015, 10h22
  3. Réponses: 1
    Dernier message: 10/01/2007, 23h37
  4. [Upload] Uploader des images sur mon serveur
    Par arti2004 dans le forum Langage
    Réponses: 13
    Dernier message: 12/07/2006, 11h25
  5. Paramétrer le nombre de connexion sur mon serveur Mysql
    Par Zerga dans le forum Installation
    Réponses: 2
    Dernier message: 12/12/2003, 19h21

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo