Discussion :

[cincap]

Bonjour à toutes et à tous,

Avec ce code, j'affiche le screenshot de la vue par mon vidéoparlophone et j'aurai aimé copier cette photo dans un dossier ou se trouve la page Html avec le bouton.

Chemin du dossier : C:\Data\Parlophone\

Code html :

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

1
2
3
4
5
6
7
8
9
...
<center><div class="bloc-variable">
 <IMG src="http://192.168.1.73:80/snapshot.cgi?user=admin&pwd=&t=" name="refresh" width="790" height="495" border="5" id="refresh" onload='reload()'></div>
<br>
<br>
<div id="p" onclick="">
<p>SnapShot</p></div>
  </BODY>
</html>

En vous remerciant,

@+,

Cincap

[progdebutant]

Salut

En javascript je pense pas qu'on puisse sauver dans un fichier, mis à part le cookie, il faut donc que tu utilises le langage php, regarde comment créer un fichier avec php

[cincap]

Bonjour à toutes et à tous,

@ progdebutant, merci pour ta réponse.

Je n'avais rien trouvé sur le net pour cette question ce qui est étonnant c'est quand j'ouvre le fichier html, la photo apparait indépendamment du code concernant le timing de l'affichage et si je maintiens l'image pour l'ouvrir sur un autre onglet de Iexploreur, j'obtiens bien une photo qui se nomme snapshot.JPG

De là, je pensais que l'on pourrait la sauver.

Maintenant en php, je n'ai jamais codé.

@+,

cincap

[progdebutant]

Salut

Pour sauver dans un fichier une image qui se trouve sur une page HTML il n'y a que deux méthodes à mon avis, soit à la main directement en cliquant dessus avec le bouton droit de la souris puis en cliquant sur "enregistrer l'image sous..." soit avec un petit code javascript qui va détecter l'image sur la page et lancer un petit code PHP pour enregistrer l'image trouvée directement vers un fichier.
Moi j'en sais pas plus malheureusement, car si l'image est sur ton site le petit code javascript ça serait un truc dans le genre :

Dans le fichier HTML :

Code :

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

<img src="adresse de l'image" id="nom de l'image" alt="description de l'image" onclick="enregistre(this.id);" />

Dans le fichier javascript :

Code :

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

1
2
3
function enregistre(image){
// ici le code PHP pour enregistre l'image dans un fichier.
}

Je t'aide pas beaucoup avec ce code incomplet, c'est pour te donner une idée c'est tout, je ne sais pas mélanger le javascript avec le PHP pour le moment
Et ça mettra les pros dans le principe pour te donner une meilleure solution plus précise

[ABCIWEB]

Oui je confirme, avec javascript côté client tu ne pourras pas directement charger un fichier sur le serveur. Tu peux éventuellement passer l'adresse de l'image dans une requête ajax et dans le script php :

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
$url = 'http://www.developpez.net/template/images/logo.png';
 
$path = pathinfo($url);
// vérification de l'extension pour ne pas télécharger n'importe quoi
$extension = isset($path['extension']) ? strtolower($path['extension']) : null;
if(in_array($extension, array('jpg','jpeg','png','gif')))
{
	$dossier = 'dossier_destination/';
        // ajoute un préfixe 'copy_'
	$nouveau_nom = 'copy_'.$path['basename'];
 
	// Ouvre un fichier pour lire un contenu existant
	$current = file_get_contents($url);
	// Ecrit dans la destination
	file_put_contents($dossier.$nouveau_nom, $current);
}

Attention sans vérification les nouveaux fichiers écraseront les anciens de même nom.

[cincap]

Bonjour à toutes et à tous,

@ ABCIWEB et @ progdebutant, grand merci pour vos suggestions.

En fait, l'image se trouve sur ma page Web dès que le fichier html est ouvert car cette image provient de mon vidéo parlophone et à l'ouverture le screenshot est actif.

Et avec une routine en JavaScript, cette image est dynamique en temps réel et me permet donc de voir les voitures qui s'introduisent dans le chemin qui mène à ma propriété.

Si avec le click droit je fais "Enregistrer sous", un nom apparait avec son extension soit "Snapshot.JPG" alors que je ne la nomme pas.

Je vais tester vos suggestions et je reviens vers vous.

@+,

cincap

[NoSmoking]

Bonjour,
@progdebutant :

Code :

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

1
2
3
function enregistre(image){
// ici le code PHP pour enregistre l'image dans un fichier.
}

• Javascript = coté client
• PHP = coté serveur

coté client les commandes PHP sont inconnues.
Je ne commente pas le reste !

@cincap :
Si ce fichier est affiché dans ta page c'est qu'il existe quelque part donc pourquoi ne pas le sauvegarder à la source ?

Un autre façon de faire serait de mettre cette image dans un <canvas> pour en récupérer le "data:image/png;base64" puis de l'envoyer sur le serveur pour enregistrement.

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
18
19
20
  var canvas = document.getElementById('id_canvas'),
      context = canvas.getContext('2d'),
      oImage = new Image();
  // fonction sur le load
  oImage.onload = function() {
      var larg = this.width,
          haut = this.height,
          dataURL;
      // dimensionne le canvas
      canvas.width = larg;
      canvas.height = haut;
      // dessine image
      context.drawImage( this, 0, 0);
      // récup. data:image/png;base64
      dataURL = canvas.toDataURL();
      // juste pour voir
      window.open( dataURL, 'image');
  };
  // affectation source
  oImage.src = 'le_nom_de_l_image';

[progdebutant]

Javascript = coté client
PHP = coté serveur

Je vois ce que tu veux dire, merci Nosmoking !
C'est vrai que c'est mieux de séparer, mais j'avais pas d'autres solutions.
Ton idée du canvas c'est génial ! +10 heu non on peut pas :/