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 :

Protection d'images sur une page Web


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre Expert
    Avatar de Mahefasoa
    Homme Profil pro
    Manager IT
    Inscrit en
    Octobre 2003
    Messages
    835
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Madagascar

    Informations professionnelles :
    Activité : Manager IT

    Informations forums :
    Inscription : Octobre 2003
    Messages : 835
    Par défaut Protection d'images sur une page Web
    Bonjour,

    Ne sachant pas exactement où poster ce ... post, je me lance ici. Ma requête est assez courte mais elle me paraît complexe à mettre en oeuvre. La voici: comment serait-il possible de protéger les images d'une page web contre la copie (clic droit / copier ...) ou par consultation du code source HTML?

    D'avance je remercie à tous ceux qui prendraient la peine de se pencher sur ce sujet.

    Bien cordialement,

  2. #2
    Rédacteur/Modérateur
    Avatar de andry.aime
    Homme Profil pro
    Inscrit en
    Septembre 2007
    Messages
    8 391
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Ile Maurice

    Informations forums :
    Inscription : Septembre 2007
    Messages : 8 391
    Par défaut
    Bonjour,

    Bien que tu puisse inhiber le clic droit sur la page, on peut toujours récupérer les images dans le dossier temporaire.
    Bref, tu peux pas les protéger contre les copies.

    A+.

  3. #3
    Membre Expert
    Avatar de Mahefasoa
    Homme Profil pro
    Manager IT
    Inscrit en
    Octobre 2003
    Messages
    835
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Madagascar

    Informations professionnelles :
    Activité : Manager IT

    Informations forums :
    Inscription : Octobre 2003
    Messages : 835
    Par défaut
    Hum ... je présume donc que ma requête est très chimérique et que c'est quasiment impossible.

    La seule solution serait de ne pas mettre en ligne ces images...

    Bien cordialement,

  4. #4
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par défaut
    quasiment n'est pas me mot, et est très loin du compte...
    même si tu arrives en php a bloquer l'image en fonctionne du referrer ou autre chose de ce genre, l'image st dans le cache du navigateur ou au pire une impression ecran permet de copie l'image.
    En bref si tu ne veux pas que l'on copie tes images... ne les mets pas en ligne ...
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  5. #5
    Expert confirmé
    Avatar de sekaijin
    Homme Profil pro
    Urbaniste
    Inscrit en
    Juillet 2004
    Messages
    4 205
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 61
    Localisation : France, Yvelines (Île de France)

    Informations professionnelles :
    Activité : Urbaniste
    Secteur : Santé

    Informations forums :
    Inscription : Juillet 2004
    Messages : 4 205
    Par défaut
    il n'y a pas vraiment de solution
    à partir du moment on l'image circule sur le réseau tu ne peux pas empêcher un client de la lire.

    mais tu peux lui mettre beaucoup de bâtons dans les roue.

    tout ce que tu pourras faire en JS est marginal et contournable en peu de temps pour un utilisateur expérimenté.

    la solution la plus courante Flash
    tu crée un flash qui affiche ton image et tu inclus l'objet flash dans ta page.

    attention ne fais pas ce que font certain sites qui utilise un flash générique qui charge via HttpRequest l'image car alors l'image circule sur le réseau et ça ne sert à rien il faut que l'image soit encapsulée dans le flash.

    ça n'empêchera pas le client de copier le flash tu peux le piéger en lui incluant une signature contenant la référence à la page
    si kk1 télécharge le flash lorsqu'il ouvre le flash vérifie qu'il est dans la bonne page pour afficher l'image.

    tu peux appliquer le même principe avec un applet java.


    si tu veux juste décourager l'utilisateur
    sur ton serveur tu active les RewriteRules et pour tout appel à une image tu renvois vers un script php ou un servelet java
    celui-ci vérifie que la page qui demande l'image est bien du site et retourne l'image et sinon envois un 505 forbiden

    tu peux redéfinir les fonction js clic clic droit les racourcis du navigateur
    t peux mettre un div transparent devant l'image du coup les action de la souris se font sur le div et non sur l'image

    tu peux placer ton image en image de fond d'un div avec une image transparent devant le click droit ou le copier du navigateur va copier l'image transparente

    tu peux ne pas mettre le html du morceau de ta page contenant l'image dans la page

    dans le onload tu exécute un script qui utilise Ajax pour charger le morceau de html qui va afficher l'image et qui le colle dans la page
    du coup si l'utilisateur affiche le source il lui manque la partit concernant l'image.
    pour éviter qu'on invoque l'url sans passer par ta page tu crée un clef que tu mets dans le JS de ta page et que ajax envoie dans sa requête
    côté serveur tu accepte la requête si la clef est ok et qu'elle n'est pas plus vielle de 1 ou 2 secondes

    bref tu peux imaginer plein de truc pour compliquer la vie du copieur
    mais quoi qu'il arrive à partir du moment où tu fait circuler l'image sur le réseau il y a toujours un moyen pour récupérer le contenu.

    il suffit d'utiliser un sniffer ou un aspirateur de site
    plus simple un petit proxy qui copie toute les ressources qui passe sur le réseau et tout ce que tu aura mis comme protection sur le navigateur sera caduque.

    A+JYT

  6. #6
    Inactif  

    Profil pro
    Inscrit en
    Mai 2010
    Messages
    345
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2010
    Messages : 345
    Par défaut
    A part casser les pieds de l'internaute lambda en l'empêchant par 36 moyens, il n'y a pas de solution concrêtes

    Avec charles proxy, on peut récupérer tout ce qui traine en HTTP comme le dis seikajin.

    Au final la seule solution est de ne pas mettre en ligne

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. recuperer le contenu d'une image sur une page web
    Par my_oliver dans le forum MFC
    Réponses: 0
    Dernier message: 23/04/2010, 08h36
  2. Trouver la source d'une image sur une page web
    Par will97 dans le forum Réseau/Web
    Réponses: 2
    Dernier message: 02/03/2009, 04h38
  3. Afficher une image d'une base de données sur une page web
    Par tortuegenie dans le forum ASP.NET
    Réponses: 2
    Dernier message: 10/10/2008, 14h11
  4. Réponses: 4
    Dernier message: 24/06/2007, 19h27
  5. Charger une image sur la page web
    Par gregbart dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 07/03/2006, 18h18

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