[résolu] page html vers un fichier JPG

Pour toutes les discussions javascript, jQuery et autres frameworks
Tetel
Messages : 23
Enregistré le : 10 avr. 2020, 16:59

Re: page html vers un fichier JPG

Message par Tetel » 15 avr. 2020, 10:35

Oui cela fonctionne

Reste à convertir cela en JPG
AJAX je ne connais pas

Tetel
Messages : 23
Enregistré le : 10 avr. 2020, 16:59

Re: page html vers un fichier JPG

Message par Tetel » 15 avr. 2020, 10:45

Image

Photo prise avec la camera du Raspberry un 28 avril
Comme tu peux le constater, les ruches avaient déjà une hausse
Les bords sont un peu arrondis et on a l'impression que les ruches du fond vont tombées :D

Avatar du membre
webmaster
Administrateur du site
Messages : 578
Enregistré le : 28 févr. 2017, 15:19

Re: page html vers un fichier JPG

Message par webmaster » 15 avr. 2020, 11:56

La conversion PNG vers JPG est facile en PHP avec imagecreate()
Mais ca ne me parait pas utile : le PNG est parfaitement lisible par les navigateur.

Avant d'aller plus loin sur l'envoi AJAX, j'aimerai mieux comprendre le process.
A quel moment est généré l'image ?
Elle va servir à quoi ?
Tu as une base de données SQL sur le serveur ?

Super le raspberry avec la webcam. C'est bien plus puissant qu'un arduino.
Mais tu fais comment pour l'alimenter pendant des mois ? avec la connexion 4G en plus ?
Tu es dans quelle région pour avoir 20cm de neige un 28 avril ??
TJS : 25 ans et mon livre Tout JavaScript chez Dunod
https://www.toutjavascript.com/livre/index.php

Tetel
Messages : 23
Enregistré le : 10 avr. 2020, 16:59

Re: page html vers un fichier JPG

Message par Tetel » 15 avr. 2020, 12:17

J'habite à 1200m d'altitude et lorsqu'il y a de la neige à cette époque cela ne dure que 24h au plus 72h
la com est en WIFI longue portée 300m
Le Rasp est alimenté par un panneau solaire

En fait l'implantation est interactive et chaque ruche dessinée est un bouton qui a une couleur suivant la progression en poids de la ruche
Lorsque l'on clique sur une ruche, j'ouvre une page de tableau de bord dont tout les infos de poids et travaux au rucher sont stockés dans une BDD chez FREE.
Je finalise en se moment le transfert vers un serveur qui n'est autre que le Rasp avec un nom de domaine chez OVH.
Oui un PNG est aussi bien lisible qu'un JPG
Je voulais générer une image à chaque fois que je quitte la page de l'implantation
Ce fichier va me servir dans un popup comme aide

Image

Avatar du membre
webmaster
Administrateur du site
Messages : 578
Enregistré le : 28 févr. 2017, 15:19

Re: page html vers un fichier JPG

Message par webmaster » 15 avr. 2020, 13:56

Ok, j'ai tout compris

J'écris un peu cette apres-midi et je prepare un script demo complet de capture de png, envoi ajax dans BDD et récupération en fin de journée

Si tu as la référence de l'émetteur wifi longue portée, je suis preneur. Mes ruches sont a 100m de la maison...

C'est un beau projet. J'aime quand le web rencontre le concret.
TJS : 25 ans et mon livre Tout JavaScript chez Dunod
https://www.toutjavascript.com/livre/index.php

Tetel
Messages : 23
Enregistré le : 10 avr. 2020, 16:59

Re: page html vers un fichier JPG

Message par Tetel » 15 avr. 2020, 15:15

Merci pour ton aide c'est sympa

Pour le wifi : TEW-638APB chez AMAZON
il en faut 2 exemplaires
1 sur la box et l'autre sur la prise ethernet du Rasp

Tetel
Messages : 23
Enregistré le : 10 avr. 2020, 16:59

Re: page html vers un fichier JPG

Message par Tetel » 15 avr. 2020, 15:20

Si cela t’intéresse les balances connectées
Voici le site où l'on a mis nos connaissances en commun
https://www.apiculture-france.com/t2454 ... ht=balance

Tetel
Messages : 23
Enregistré le : 10 avr. 2020, 16:59

Re: page html vers un fichier JPG

Message par Tetel » 15 avr. 2020, 15:24

La première partie est verrouillée mais accessible tellement c'est imposant :D ;)
https://www.apiculture-france.com/t1334 ... ht=balance

Avatar du membre
webmaster
Administrateur du site
Messages : 578
Enregistré le : 28 févr. 2017, 15:19

Re: page html vers un fichier JPG

Message par webmaster » 15 avr. 2020, 17:49

Voici le résultat de mes travaux (au plus simple)
La page pour faire la capture :
https://www.toutjavascript.com/user/html2canvas.html

Le résultat de la capture est visible sur :
https://www.toutjavascript.com/user/getcapture.php?ID=1

Il faut du coup créer une table SQL (j'ai mis le create dans le 1er lien)
Il faut ensuite un fichier capture.php (avec une connexion SQL)

Code : Tout sélectionner

<?php

	include "../global/global.php3";
	connect();

	
	if ( (isset($_POST["data"])) && (isset($_POST["ID"])) ) {
		$data=addslashes($_POST["data"]);
		$ID=addslashes($_POST["ID"]);
		$query="REPLACE INTO capture (ID, dt, data) VALUES (".$ID.", NOW(), \"".$data."\")";
		$rst=mysql_query($query);
		if ($rst) {
			print("Capture enregistree OK");
		} else {
			print("erreur SQL");
		}
	} else {
		print("ERROR de param");
	}
	
?>
et le getcapture.php :

Code : Tout sélectionner

<?php	
	
	include "../global/global.php3";
	connect();
	
	
	if ( (isset($_GET["ID"])) ) {
		$ID=addslashes($_GET["ID"]);
		$query="SELECT data FROM capture WHERE ID = ".$ID;
		$rst=mysql_query($query);
		$data=mysql_result($rst, 0, 0);
		print("<img src=\"".$data."\">");
	} else {
		print("ERROR");
	}
	
?>
Le code est assez compact. C'est surtout l'interface qu'il faut travailler pour que ca soit facile a utiliser.
TJS : 25 ans et mon livre Tout JavaScript chez Dunod
https://www.toutjavascript.com/livre/index.php

Tetel
Messages : 23
Enregistré le : 10 avr. 2020, 16:59

Re: page html vers un fichier JPG

Message par Tetel » 15 avr. 2020, 18:46

Il n'accepte pas le
#1273 - Unknown collation: 'utf8mb4_unicode_ci'

CREATE TABLE `capture` (
`ID` INT NOT NULL ,
`dt` DATETIME NOT NULL ,
`data` LONGTEXT COLLATE utf8mb4_unicode_ci NOT NULL
) ENGINE = INNODB

Répondre