Archives des file - La programmation sur le web https://programmation.surleweb-france.fr/tag/file/ La programmation gratuite pour tous Thu, 27 May 2021 07:27:21 +0000 fr-FR hourly 1 https://wordpress.org/?v=6.9.4 https://i0.wp.com/programmation.surleweb-france.fr/wp-content/uploads/2023/08/cropped-19518430-icone-de-programmation-pour-votre-site-web-mobile-presentation-et-conception-de-logo-gratuit-vectoriel.jpg?fit=32%2C32&ssl=1 Archives des file - La programmation sur le web https://programmation.surleweb-france.fr/tag/file/ 32 32 176210735 PHP, créer un système d’upload de fichier https://programmation.surleweb-france.fr/php-creer-un-systeme-dupload-de-fichier/ https://programmation.surleweb-france.fr/php-creer-un-systeme-dupload-de-fichier/#respond Fri, 28 May 2021 06:00:00 +0000 https://programmation.surleweb-france.fr/?p=1019 Création d'un système d'upload de fichier simple en langage PHP à partir d'une page HTML

Continuer la lecture

L’article PHP, créer un système d’upload de fichier est apparu en premier sur La programmation sur le web.

]]> Parce qu’on peut avoir besoin de charger une fichier comme une image pour un avatar, l’upload de fichier est quasi-incontournable. En langage PHP, cela se fait très rapidement et surtout facilement.

Je vais te montrer cela en illustrant ave un petit exemple simple et les vérifications élémentaires.

Tu peux trouver sur mon dépôt GITHUB, les deux fichiers php de cet article. Je n’y ai pas mis les images.

Création du formulaire

Pour la réalisation de cet article, à la racine de ton site d’exemple, tu placeras le fichier index.php ainsi que le fichier upload.php, tu créeras également un dossier files où les fichiers seront uploadés.

La construction du fichier index.php se fait de cette manière :

<!doctype html>
<html lang="fr">
	<header>
		<meta charset="utf-8">
		<title>Système d'upload de fichiers</title>
	</header>
	<body>
		<h1>Système d'upload de fichier</h1>
		<form action="upload.php" method="POST" enctype="multipart/form-data">
			<input type="text" name="nom" id="id" placeholder="Nom du fichier" />
			<input type="file" name="fichier" placeholder="Fichier" />
			<input type="submit" name="envoyer" value="Envoyer le fichier" />
		</form>
	</body>
</html>

On y retrouve un formulaire standard avec ses inputs :

  • text pour le nom du fichier
  • file pour le fichier à uploader
  • submit pour le bouton

A la validation du formulaire, les données sont envoyées avec la méthode POST vers la page upload.php.

Le point important ici est l’ajout de l’attribut enctype, sans lui, le fichier ne sera pas transmis :

enctype="multipart/form-data"

Traitement PHP du fichier

Maintenant que nous avons notre zone de saisie, nous allons voir la page upload.php qui permet de traiter le formulaire.

Tout d’abord, on va s’assurer que la page est bien appelée depuis le formulaire et que le champ nom et le fichier sont bien choisis, on en profite pour gérer les erreurs :

if( isset($_POST['envoyer']) ){ // permet de s'assurer que le formulaire est bien à l'origine
	if( !empty($_POST['nom']) && !empty($_FILES['fichier']) ){ // contrôle de la présence du fichier et du nom de fichier

	} else {
		header('location: index.php?type=error&code=2');
	}
} else {
	header('location: index.php?type=error&code=1');
}

Une fois ces vérifications faites, on s’assure qu’il n’y a pas d’erreur sur le chargement du fichier :

		if( $_FILES['fichier']['error'] === 0 ){ // contrôle de l'absence d'erreur du chargement de l'image depuis le formulaire

		} else {
			header('location: index.php?type=error&code=3');
		}

Avant d’enregistrer, on va préparer un peu la manipulation :

$uploadDirectory = __DIR__.DIRECTORY_SEPARATOR.'files'.DIRECTORY_SEPARATOR; // fichier d'upload
$fileInfo = new SplFileInfo($_FILES['fichier']['name']); // préparation du fichier pour upload
$extension = $fileInfo->getExtension();
$nouveauFichier = $_POST['nom'].'.'.$extension;

On finit par déplacer le fichier en le renommant avec la fonction move_uploaded_file() et la redirection finale :

move_uploaded_file($_FILES['fichier']['tmp_name'], $uploadDirectory.$nouveauFichier);
header('location: index.php?type=success');

Gestion des messages

Dans le fichier précédent, nous avons fait des redirections en indiquant des informations, celles-là seront indiquer au rechargement de la page, nous allons donc ajouter au fichier index.php, ces informations :

<?php
if( !empty($_GET['type']) ){
	if( $_GET['type'] === 'success' ){
		$message = "Fichier enregistré avec succès";
	} elseif ( $_GET['type'] === 'error' && !empty($_GET['code']) ){
		switch ($_GET['code']) {
			case 1:
				$message = "Accès non autorisé";
				break;
			case 2:
				$message = "Saisir le champs nom et sélectionné un fichier";
				break;
			case 3:
				$message = "Erreur lors du chargement du fichier";
				break;
		}
	}
}
?>
<!doctype html>
<html lang="fr">
	<header>
		<meta charset="utf-8">
		<title>Système d'upload de fichiers</title>
	</header>
	<body>
		<h1>Système d'upload de fichier</h1>
		<?php
		if( !empty($message) ) echo '<p>'.$message.'</p>';
		?>
		<form action="upload.php" method="POST" enctype="multipart/form-data">
			<input type="text" name="nom" id="id" placeholder="Nom du fichier" />
			<input type="file" name="fichier" placeholder="Fichier" />
			<input type="submit" name="envoyer" value="Envoyer le fichier" />
		</form>
	</body>
</html>

On finit par ajouter l’affichage des liens vers les images présentes dans le fichier, on place le code suivant juste avant la balise fermante body :

	<?php
	$directory = opendir(__DIR__.DIRECTORY_SEPARATOR.'files/'); // ouverture du dossier
	echo '<ul>';
	while( ($file = readdir($directory)) ){ // parcours du dossier
		if( $file !== '.' && $file !== '..' ){
			echo '<li><a href="./files/'.$file.'">'.$file.'</a></li>';
		}
	}
	echo '</ul>';
	?>

Conclusion

L’ensemble des codes sont disponibles sur mon dépôt, bien sûr, il s’agit d’une version de base pour illustrer le fonctionnement, on imagine facilement ajouter un contrôle sur les extensions, la taille …

L’article PHP, créer un système d’upload de fichier est apparu en premier sur La programmation sur le web.

]]> https://programmation.surleweb-france.fr/php-creer-un-systeme-dupload-de-fichier/feed/ 0 1019 Les Add-on indispensables pour Home Assistant https://programmation.surleweb-france.fr/les-add-on-indispensables-pour-home-assistant/ https://programmation.surleweb-france.fr/les-add-on-indispensables-pour-home-assistant/#respond Sun, 28 Mar 2021 18:50:47 +0000 https://programmation.surleweb-france.fr/?p=858 Tu viens de finir l'installation de l'OS Home Assistant sur ton Raspberry. L'interface est un peu vide, tu pourras la personnaliser. Mais avant de t'y mettre réellement, tu devras installer quelques Add-on utiles voire indispensables pour profiter pleinement de l'assistant domestique

Continuer la lecture

L’article Les Add-on indispensables pour Home Assistant est apparu en premier sur La programmation sur le web.

]]> Tu viens de finir l‘installation de l’OS Home Assistant sur ton Raspberry (je précise les cartes avec lesquelles, l’article est réalisé). L’interface est un peu vide, tu pourras la personnaliser. Mais avant de t’y mettre réellement, tu devras installer quelques Add-on utiles voire indispensables pour profiter pleinement de l’assistant domestique.

Dans cet article, on verra l’installation et la configuration de :

  • Samba Share
  • File Editor

Au fur et à mesure de mes recherches, je mettrai cet article à jour, suis-moi ou abonnes-toi à ma newsletter (très peu de mails, je te rassure)

Samba Share

Samba Share permet la mise en place et la configuration rapide du partage des dossiers d’Home Assistant. Le partage s’effectue sans connaissance informatique particulière.

J’ai cependant rencontré un petit problème pour le trouver à partir d’un poste sous Windows, à la fin de ce chapitre, je détaillerai la solution que j’ai trouvé.

Sur la page Superviseur, va sur l’onglet Boutique des modules complémentaires, en théorie, Samba Share est présent dans les propositions, clique dessus. Si il n’est pas présent, dans la barre de recherche, cherches « Samba Share« 

Un fois que tu auras cliqué dessus, cliques sur Installer, après quelques secondes, l’installation sera effective.

Avant de démarrer, va sur l’onglet Configurations, la seule chose que tu dois renseigner sont l’username et password, saisies les en les mettant entre guillemets :

Une fois renseignés, cliques sur sauvegarder.

Reviens sur l’onglet Infos du module et cliques sur Démarrer. Cependant, je t’invite de toujours redémarrer ton Raspberry pour être sûr que les changements soient pris en compte.

Une fois cela fait, dans le voisinage réseau sur un de test ordinateurs, tu vois apparaître l’assistant.

Sur Windows, si la découverte réseau est bien activé, que le groupe de travail est correct, je vous invite à suivre ce lien dans lequel j’explique la marche à suivre.

File Editor

File Editor est un module qui permettra de venir modifier les fichiers de Home Assistant. La principale différence avec Samba Share réside dans le fait que l’on peut téléverser des dossiers complet avec celui-ci.

Sur le même principe que précédemment, recherches File Editor puis installes-le :

Une fois l’installation finie, pas de configuration, tu cliques sur Démarrer et tu peux cliquer sur Ouvrir l’interface utilisateur Web.

Conclusion

Voilà, pour l’instant, il y a 2 modules, je rajouterai ceux que je juge indispensables au fur et à mesure. Je t’invite à me communiquer les tiens, afin que j’étoffe un peu cela pour moi comme pour tous les autresutilisateurs.

L’article Les Add-on indispensables pour Home Assistant est apparu en premier sur La programmation sur le web.

]]> https://programmation.surleweb-france.fr/les-add-on-indispensables-pour-home-assistant/feed/ 0 858