Black Eagle Team Minishell

Path: /home/ccpsafy/www/private/analyse_images/ [ Home ]
File: analyse_ajout.php
<?php
include("../../inc/enligne_param.inc.php"); 
include("../../inc/gere_session.inc.php"); 
include("../../inc/salutations.inc.php"); 
include("../../GestionAccesDB/requetes.php");

$Date=(date('j-m-Y'));

?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>CCPSA Club Photo d'Antony</title>
<script type="text/javascript" src="Scripts/jquery-1.4.1.js"></script>
<style type="text/css">
<!--
@import url("../../css/analyse_images.css");

-->
</style>
<link href='http://fonts.googleapis.com/css?family=Dosis' rel='stylesheet' type='text/css'>
</head>
<body class="bkgblanc">
<div id="page" class="clearfix">
  <h1 class="txtcenter">AJOUT D'IMAGES</h1>
  <p>&nbsp;</p>
  
     <div id="container" class="bkgblanc">
 
  <div id="colonne_gauche">
  
      <?php include("../../inc/menu_analyse_images.php");?>
  </div>
   
	<?php 
		$liste_abonnes = get_liste_abonnes_analyse();

		$nb_abonnes = mysql_num_rows($liste_abonnes);
		
		if ($nb_abonnes > 0)
		{
			$destinataires="";
			while ($row = mysql_fetch_array($liste_abonnes))
			{
				if ( $destinataires == "" )
				{
					$destinataires = $row['mail'];
				}
				else
				{
					$destinataires = $destinataires . ";" . $row['mail'];
				}
			}
		}
	?>

    <div id="colonne_centre">
    <form name="form" id="form" method="post" action="analyse_ajout_x.php" enctype="multipart/form-data">
		<p>&nbsp;</p>

		<p><input name="nomAuteur" type="textdisabled" value= "<?php echo ucwords($LePrenom).' '. ucwords($LeNom) ; ?>" readonly/></p>

		<p>&nbsp; </p>
		
		<p>&nbsp; </p>

		<h4 class="txtcenter">Titre :</h4>
		<p>
			<input name="titre"  type="text"/>
		</p>
		
		<h4 class="txtcenter">Remarques : </h4>
		<p>
			<textarea name="commentaire" type="text"></textarea>
		</p>
		
		<h4 class="txtcenter">Photo :</h4>
		<h6 class='colororangered txtcenter'>Taille maximum du fichier : 1.5Mo <br/> Dimension maximum conseillée : 1000 pixels sur le plus grand côté <br/> Compression Jpeg conseillée : 60 à 70%<br />
			Ne jamais utiliser de caractères accentués dans le nom des fichiers
		</h6>
		<p>
			<!-- <input type="file" name="visuel"  id="fileField" type="text" size="76"/> -->
			<input type="file" id="fileField" name="visuel" accept=".jpg, .jpeg, .png">
		</p>
		<div class="previewcenter" id="preview">
			<p>Aucun fichier sélectionné pour le moment</p>
		</div>
		
		
		<input type="hidden" name="date"  value="<?php echo $Date; ?>" />
		<input type="hidden" name="id_auteur"  value="<?php echo $IdMembreConnecte; ?>" />
		<input type="hidden" name="nb_abonnes"  value="<?php echo $nb_abonnes; ?>" />
		<input type="hidden" name="destinataires"  value="<?php echo $destinataires; ?>" />
	</div>

	  
    <!--FIN BOUTONS VALIDATION--> 


	<div id="colonne_droite">
        <p><input type="submit" name="Submit" value="VALIDER"  class="menuvalid"/></p>
    </form>
	
		<script>
			const input = document.querySelector('#fileField');
			const preview = document.querySelector('#preview');
			
			//input.style.opacity = 0;

			input.addEventListener('change', updateImageDisplay);

			function updateImageDisplay() 
			{
				while(preview.firstChild) 
				{
					preview.removeChild(preview.firstChild);
				}

				const curFiles = input.files;
				if(curFiles.length == 0) 
				{
					const para = document.createElement('p');
					para.textContent = 'No files currently selected for upload';
					preview.appendChild(para);
				} 
				else 
				{
					for(const file of curFiles) 
					{
						const para = document.createElement('p');

						if(!validFileType(file)) 
						{
							para.textContent = `Le type du fichier sélectionné est invalide.`;
							preview.appendChild(para);		
						} 
						else if (!validFileSize(file))
						{
							para.textContent = `La taille du fichier sélectionné doit être inférieur à 1.5 Mo.`;
							preview.appendChild(para);
						}
						else 
						{	
							const image = document.createElement('img');
							image.src = URL.createObjectURL(file);
							preview.appendChild(image);
						}
					}
				}
			}

			// https://developer.mozilla.org/en-US/docs/Web/Media/Formats/Image_types
			const fileTypes = [
			'image/apng',
			'image/bmp',
			'image/gif',
			'image/jpeg',
			'image/pjpeg',
			'image/png',
			'image/svg+xml',
			'image/tiff',
			'image/webp',
			`image/x-icon`
			];

			function validFileType(file) 
			{
				return fileTypes.includes(file.type);
			}
			
			function validFileSize(file) 
			{
				//L'image doit faire moins d'1Mo
				//return (file.size < 1048576);
				//L'image doit faire moins d'1.5Mo
				return (file.size < 1572864);
			}
			
			function returnFileSize(number) 
			{
				if(number < 1024) 
				{
					return number + 'bytes';
				} 
				else if(number > 1024 && number < 1048576) 
				{
					return (number/1024).toFixed(1) + 'KB';
				} 
				else if(number > 1048576) 
				{
					return (number/1048576).toFixed(1) + 'MB';
				}
			}
		</script>
		
		<p><a href="analyse.php"		class="menumodif"   title="VERS ANALYSE"/>VERS ANALYSE</a></p>
		<p><a href="analyse_perso.php"		class="menumodif"   title="VERS PHOTOS..."/>VERS PHOTOS <?php echo ucfirst($LePrenom);?></a></p>
		<!-- <p><a href="accueil_analyse.php"	class="menuannul"   title="RETOUR ACCUEIL"/>VERS ACCUEIL</a></p>-->
		</p>

	</div>




<!--fin container--> 
<!--BOUTONS VALIDATION-->
</div>
</div>
<!--fin page-->
</body>
</html>