Upload de plusieurs images en même temps

**cedrus** · 04/02/2014, 22h15

bonjour,
J'ai besoin de votre expérience avancée pour gérer l'upload de plusieurs images depuis mon admin. Actuellement je peux uploader image par image avec un formulaire. Mais c'est hyper long quand j'ai 40 ou 50 photos à uploader avec les mêmes tags. Par exemple une série de photos de concert. Vous voyez ci dessous le formulaire d'upload "photos_form" et sa page php, ainsi que le visuel de la galerie une fois la photo uploadée dans l'admin

1. Je voudrai automatiser l'upload d'une série de photos.
2. Il faudrait dans l'idéal que le titre du formulaire recopie automatiquement le titre même de la photo qui est uploadé afin là aussi de gagner du temps.
3. Pour les mots clés, là en revanche c'est moi qui écris la liste des tags et il faudrait qu'ils soit copiés dans toute la série.

Je crois comprendre que l'upload simultané de beaucoup de photos peut être un soucis s'il y a une limite d'upload vers le serveur.

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
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
<? 
require ("photos_config.inc.php"); 
 
$niveau=1;
require ("../" . INCLUDEDIR . "/protection.inc.php");
require("../" . INCLUDEDIR . "/fonctions.inc.php");
require ("../" . INCLUDEDIR . "/date.inc.php");
require("../" . INCLUDEDIR . "/check.inc.php");
?>
<html>
<head>
<title><? echo $lang[12]; ?></title>
</head>
<body onContextMenu="return true" onload="setTimeout('self.close();', 30*1000*60);" topmargin="0" leftmargin="0" marginheight="0" marginwidth="0">
<link href="../style.css" rel="stylesheet" type="text/css">
<link href="../style_inputtext.css" rel="stylesheet" type="text/css">
<script language="JavaScript" src="../fonctions.js"></script>
<script language="JavaScript" src="fonctions.js"></script>
<?
 
include("photos_maj.inc.php");
 
if (isset($_GET[act]) && ($_GET[act]==1 || $_GET[act]==2))
{
	$sql="SELECT * FROM $tables[photos] WHERE photo_id='$_GET[pid]$_POST[fd_photo_id]'";
	$result=mysql_query($sql); 
	$row=mysql_fetch_array($result);
}
 
?>
 
<form name="form" method="post" action="photos_form.php" ENCTYPE="multipart/form-data">
  <table border="0" align="center" cellpadding="0" cellspacing="1" class=TABLEBORDER width=100% height=100%>
    <tr>
      <td><table border="0" align="center" cellpadding="3" cellspacing="0" width=100% height=100%>
 
	<tr> 
		<td class="fdentete"><? echo $lang[13]; ?> :</td>
		<td class=FDINPUT colspan=3> <input name="fd_titre" type="text" id="fd_titre" value="<? if (isset($_GET[act]) && ($_GET[act]==1 || $_GET[act]==2)) echo $row[titre]; else echo $_POST[fd_titre]; ?>"  <? readonly("L"); ?>></td>
	</tr>
 
	<tr>
		<td class="fdentete"><? echo $lang[15]; ?> :</td>
		<td class="fdinput" colspan=3> <TEXTAREA name="fd_description" ROWS="5" COLS="44" WRAP="on" <? readonly("L"); ?> ><? if (isset($_GET[act]) && ($_GET[act]==1 || $_GET[act]==2)) echo $row[description]; else echo $_POST[fd_description]; ?></TEXTAREA>
	</td>
	</tr>
 
	<tr> 
		<td class="fdentete"><? echo $lang[26]; ?> :</td>
		<td class=FDINPUT colspan=3> <input name="fd_keywords" type="text" id="fd_keywords" value="<? if (isset($_GET[act]) && ($_GET[act]==1 || $_GET[act]==2)) echo $row[keywords]; else echo $_POST[fd_keywords]; ?>"  <? readonly("L"); ?>></td>
	</tr>
 
      <tr> 
            <td class="fdentete" nowrap><? echo "$lang[20] :"; ?></td>
            <td class=FDINPUT colspan=3>
<input type="hidden" name="MAX_FILE_SIZE" value="<? echo $max_file_size; ?>">
<input name="fd_file" type="file" id="fd_file" <? readonly("none"); ?>> <? echo "<span class=9>$lang[22]</span> "; ?>
</td>
</tr>
 
<? // separation ?><tr><td></td></tr>
 
<tr> 
<td class="FDINPUT" height=100% align=center colspan=4>
<? 
if ((isset($_GET[act]) && ($_GET[act]!=0)) || (isset($_POST[fd_act]) && $_POST[fd_act]!=0))
{
	if (isset($row[fichier])) $nomfic=$row[fichier];
	else $nomfic=$_GET[fic] . $_POST[fd_fichier];
 
	$fichierr=SITEDIRROOT . '/' . IMAGESDIR . "/" . $nomfic;
	$ext=strtolower(strstr($nomfic,"."));
	$fichierv=SITEDIRROOT . '/' . IMAGESDIR . "/" . eregi_replace($ext, "-thb".$ext,$nomfic);
 
	if ($ficr=glob($fichierr) && $ficv=glob($fichierv)) 
	{	
		$ficr=glob($fichierr);
		$dimr=getimagesize($ficr[0]);
		$sizer=bcdiv(filesize($ficr[0]),1024,2) . "Ko";
		$nomficr=ereg_replace(SITEDIRROOT . '/' . IMAGESDIR,"",$ficr[0]);
 
		$dimv=getimagesize($ficv[0]);
		$sizev=bcdiv(filesize($ficv[0]),1024,2) . "Ko";
		$nomficv=ereg_replace(SITEDIRROOT . '/' . IMAGESDIR,"",$ficv[0]);
 
		echo "<table align=center width=80%>";
		echo "<tr><td colspan=3 align=center><table cellpadding=1 cellspacing=0 border=0><tr><td bgcolor=black><img src=\"". SITEWWWROOT . '/' . IMAGESDIR . '/' . $nomficv."\" border=0></td></tr></table></td></tr>";
		echo "<tr><td colspan=3 align=center>";
		echo "<input type=\"button\" class=SHOW onclick=\"open_voirphoto_form();\" value=\"&nbsp;\" name=\"recadrer\" tabindex=-1>";
		echo "<input type=\"button\" class=CROP onclick=\"open_recadrer_form();\" value=\"&nbsp;\" name=\"recadrer\" tabindex=-1>"; 
		echo "</td></tr>";
		echo "<tr><td></td><td><b>$lang[20]</b></td><td><b>$lang[21]</b></td></tr>";
		echo "<tr><td><b>$lang[18] : </b></td><td>$nomficr</td><td>$nomficv</td></tr>";
		echo "<tr><td><b>$lang[23] : </b></td><td>$dimr[0]x$dimr[1]</td><td>$dimv[0]x$dimv[1]</td></tr>";
		echo "<tr><td><b>$lang[24] : </b></td><td>$sizer</td><td>$sizev</td></tr>";
		echo "</table>";
 
		echo "<input type=\"hidden\" name=\"fd_width\" value=\"$dimr[0]\">\n";
		echo "<input type=\"hidden\" name=\"fd_height\" value=\"$dimr[1]\">\n";
	}
}	
?>          
</td></tr>
 
 
<tr>
<td class="fdinput" colspan="4" height="100%" valign="top">
<BR />
<p><?
 
if ($_GET[act]!=2 && ($_GET[act]!=0 || $_POST[fd_act]!=0))
{
	echo "<a href=\"../objets/objets_add_form.php?act=0&id=$_GET[pid]$_POST[fd_photo_id]&obj=photo\" onclick=\"open_add_objets_form('');\" target=\"objets_add_form\">$lang[27]</a>";
}
else echo "<FONT CLASS=GRISE><B>$lang[27]</B></FONT>";
 
?></p>
 
<? 
	echo "<iframe src=\"../objets/objets_ss_form.php?id=$_GET[pid]$_POST[fd_photo_id]&obj=photo\" width=100% height=100></iframe>";
?>
</td>
</tr>
 
 
<? // separation ?><tr><td></td></tr>
          <tr>
            <td class="fdentete"></td>
            <td class=FDINPUT colspan=3>
 
		<? 
		if (isset($_GET[act])) 
		{
			echo "<input type=\"hidden\" name=\"fd_act\" value=\"$_GET[act]\">\n"; 
			if (isset($_GET[pid])) echo "<input type=\"hidden\" name=\"fd_photo_id\" value=\"$_GET[pid]\">\n";
			echo "<input type=\"hidden\" name=\"fd_fichier\" value=\"$row[fichier]\">\n";
		}
		else 
		{
			echo "<input type=\"hidden\" name=\"fd_act\" value=\"$_POST[fd_act]\">\n"; 
			if (isset($_POST[fd_photo_id])) echo "<input type=\"hidden\" name=\"fd_photo_id\" value=\"$_POST[fd_photo_id]\">\n"; 
			if (isset($_POST[fd_fichier])) echo "<input type=\"hidden\" name=\"fd_fichier\" value=\"$_POST[fd_fichier]\">\n"; 
		}
 
 
		?>
<input type="hidden" name="fd_user_id" value="<? echo $TAB_USER[user_id]; ?>">
<input type="submit" class=BOUTON name="valider" value="<? 
if ((isset($_POST[fd_act]) && $_POST[fd_act]==0) || (isset($_GET[act]) && $_GET[act]==0)) echo $bt_lang[0]; 
if ((isset($_POST[fd_act]) && $_POST[fd_act]==1) || (isset($_GET[act]) && $_GET[act]==1)) echo $bt_lang[1]; 
if ((isset($_POST[fd_act]) && $_POST[fd_act]==2) || (isset($_GET[act]) && $_GET[act]==2)) echo $bt_lang[2]; 
?>" tabindex=-1 OnClick="if (self.form.fd_file.value!='') { parent.opener.showprogress(); }">
<input type="button" class=BOUTON name="cancel" value="<? echo $bt_lang[7]; ?>" OnClick="self.close(); " tabindex=-1>	
 
</td>
 
          </tr>
        </table></td>
    </tr>
  </table></form>
<?
if (isset($_POST[valider]) && $_POST[fd_act]!=2)
{
	echo "<script language=\"JavaScript\">\n";
	echo "<!-- \n";
 
	if ($_FILES['fd_file']['name']=="" && ((isset($_POST[fd_act]) && $_POST[fd_act]==0) || (isset($_GET[act]) && $_GET[act]==0))) echo "alert(\"$msg_lang[18]\");\ndocument.form.fd_file.focus();\n"; 
 
	echo "\n// -->";
	echo "</script>";
}
?>
<? // print_r ($HTTP_POST_VARS); print_r ($TAB_USER); echo mysql_error(); ?>
</body>
</html>

fichier "photos_maj.inc.php" dans le dossier /include :

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
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
<?
 
$fd_titre=stripslashes(trim($fd_titre));
$ifd_titre=addslashes($fd_titre);
$fd_description=stripslashes(trim($fd_description));
$ifd_description=addslashes($fd_description);
$fd_keywords=stripslashes(trim($fd_keywords));
$ifd_keywords=addslashes($fd_keywords);
 
if (isset($_POST[valider]))
{ 
	require("../" . INCLUDEDIR . "/format.inc.php");
	require("../" . INCLUDEDIR . "/image.inc.php");
 
	echo "<script language=\"JavaScript\">\n";
	echo "<!-- \n";
 
	$date=date("Y-m-d H:i:s");
 
	foreach ($HTTP_POST_VARS as $k => $v) $HTTP_POST_VARS[$k]=trim($v);
 
 
	if 	(isset($fd_act) && $fd_act==1)
	{ 
		$nomfic=filename_rewrite($_FILES['fd_file']['name']);
		if ($nomfic=="" || $nomfic==$fd_fichier)
		{
      		$ext=strtolower(strchr($nomfic,"."));
      		if (ereg(".jpg", $ext))
      		{	
      			$size=$max_file_size;
      			if ($_FILES['fd_file']['size']!=0) { $size_ko=$_FILES['fd_file']['size']/1024; } 
				else { $size_ko=0; }
 
      			if ($_FILES['fd_file']['size']>$size)
      			{
      				if($size!=0) { $size_max_ko=$size/1024; }
      				echo "alert(\"$msg_lang[21]\");\n";
      			}
 
      			if (	is_uploaded_file($fd_file)  
      				&& $_FILES['fd_file']['size']<$size 
      				&& $_FILES['fd_file']['size']!=0
      				)
      			{	
      				$fichier=SITEDIRROOT . '/' . IMAGESDIR . "/" . $nomfic;
					$fichierv=SITEDIRROOT . '/' . IMAGESDIR . "/" . eregi_replace($ext, "-thb".$ext,$nomfic);
 
					delete($fichier);
					delete($fichierv);
 
      				$imginfo=getimagesize($_FILES['fd_file']['tmp_name']);
					// image portrait ou paysage ?
					if ($imginfo[1] > $imginfo[0]) { $L0=HIMG; $H0=LIMG; $L1=HVIG; $H1=LVIG; } // verticale
					else { $L0=LIMG; $H0=HIMG; $L1=LVIG; $H1=HVIG; } // horizontale
 
					if ($L0==0) $testl=9999; else $testl=$L0;
					if ($H0==0) $testh=9999; else $testh=$H0;
 
					if ($L0!=0 || $H0!=0)
					{
     						if (($imginfo[0]>$testl || $imginfo[1]>$testh)) 
     						{	
     							resize($_FILES['fd_file']['tmp_name'], $fichier, $L0, $H0);
							$testimg=true;
     						}
     						else $testimg=copy($_FILES['fd_file']['tmp_name'], $fichier);
      				}
					else $testimg=copy($_FILES['fd_file']['tmp_name'], $fichier);
 
					if ($L1==0) $testl=9999; else $testl=$L1;
					if ($H1==0) $testh=9999; else $testh=$H1;
					if (($imginfo[0]>$testl || $imginfo[1]>$testh)) 
     					{	
     						resize($_FILES['fd_file']['tmp_name'], $fichierv, $L1, $H1);
     						$testimgv=true;
					}
     					else $testimgv=copy($_FILES['fd_file']['tmp_name'], $fichierv);
 
           			}
      		}
      		elseif ($ext!="") echo "alert(\"$msg_lang[10]\");\n";
 
			if (isset($testimg) && $testimg==true) $strdate = "date='".$date."',";
 
			$sql="
			UPDATE $tables[photos]
			SET titre='$ifd_titre', description='$ifd_description', ".$strdate." keywords='$ifd_keywords'
			WHERE photo_id='$fd_photo_id'";
			$result=mysql_query($sql);
 
		}
		else echo "alert(\"$msg_lang[11]\");\n";
	}
 
	if 	(isset($fd_act) && $fd_act==0
		&& $_FILES['fd_file']['name']!=""
		)
	{
		$nomfic=$_FILES['fd_file']['name'];
   		$ext=strtolower(strchr($nomfic,"."));
		$nomfic=filename_rewrite($nomfic);
		$fichier=SITEDIRROOT . '/' . IMAGESDIR . "/" . $nomfic;
		$fichierv=SITEDIRROOT . '/' . IMAGESDIR . "/" . eregi_replace($ext, "-thb".$ext,$nomfic);
 
		if ($ficr=glob($fichier) || $ficv=glob($fichierv))
		{
			echo "alert(\"$msg_lang[12]\");\n";
		}
		else 
		{
			$sql="
			INSERT INTO $tables[photos]
			SET fichier='".$nomfic."', titre='$ifd_titre', description='$ifd_description', date='".$date."', keywords='$ifd_keywords'"; 
			$result=mysql_query($sql);
 
      		if (ereg(".jpg", $ext))
      		{	
      			$size=$max_file_size;
      			if ($_FILES['fd_file']['size']!=0) { $size_ko=$_FILES['fd_file']['size']/1024; } 
				else { $size_ko=0; }
 
      			if ($_FILES['fd_file']['size']>$size)
      			{
      				if($size!=0) { $size_max_ko=$size/1024; }
      				echo "alert(\"$msg_lang[21]\");\n";
      			}
 
      			if (	is_uploaded_file($fd_file)  
      				&& $_FILES['fd_file']['size']<$size 
      				&& $_FILES['fd_file']['size']!=0
      				)
      			{	
 
      				$imginfo=getimagesize($_FILES['fd_file']['tmp_name']);
					// image portrait ou paysage ?
					if ($imginfo[1] > $imginfo[0]) { $L0=HIMG; $H0=LIMG; $L1=HVIG; $H1=LVIG; } // verticale
					else { $L0=LIMG; $H0=HIMG; $L1=LVIG; $H1=HVIG; } // horizontale
					if ($L0==0) $testl=9999; else $testl=$L0;
					if ($H0==0) $testh=9999; else $testh=$H0;
					if ($L0!=0 || $H0!=0)
					{
     						if (($imginfo[0]>$testl || $imginfo[1]>$testh)) 
     						{	
     							resize($_FILES['fd_file']['tmp_name'], $fichier, $L0, $H0);
							$testimg=true;
     						}
     						else $testimg=copy($_FILES['fd_file']['tmp_name'], $fichier);
      				}
					else $testimg=copy($_FILES['fd_file']['tmp_name'], $fichier);
 
					if ($L1==0) $testl=9999; else $testl=$L1;
					if ($H1==0) $testh=9999; else $testh=$H1;
					if (($imginfo[0]>$testl || $imginfo[1]>$testh)) 
     					{	
     						resize($_FILES['fd_file']['tmp_name'], $fichierv, $L1, $H1);
     						$testimgv=true;
					}
   					else $testimgv=copy($_FILES['fd_file']['tmp_name'], $fichierv);
 
           			}
      		}
      		else echo "alert(\"$msg_lang[10]\");\n";
 
			if (!$testimg)
			{
				$sql="DELETE FROM $tables[photos] WHERE photo_id='$newphotoid'";
				$result0=mysql_query($sql); 
			}
		}
	}
 
 
if (isset($result) && $result) echo "if (!window.opener.closed) { \nwindow.opener.form.submit(); }\n window.close();";
 
echo "if (parent.opener.transfert) parent.opener.hideprogress();";
 
echo "\n// -->";
echo "</script>";
 
}
 
?>

**sabotage** · 04/02/2014, 22h38

La première idée qui me vient dans ton cas, c'est de permettre l'envoi d'un ZIP contenant toutes les photos similaires.

Il y a peu a modifier : a reception du formulaire, tu decompactes le ZIP et traites chaque image de la même facon que tu traites actuellement une image.

Au passage, il y a des trucs étranges dans ton code comme

Code :

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

1
2
$fd_titre=stripslashes(trim($fd_titre));
$ifd_titre=addslashes($fd_titre);

Tu enlèves les slashes pour les remettre juste derrière ?
Tout ce truc de stripslashes/addslashes sur les formulaires est de toute façon obsolète.
$HTTP_POST_VARS et <FONT> aussi sont obsolètes.

**cedrus** · 04/02/2014, 23h03

C'est mon site mais je ne suis pas à l'origine du code fait par d'autres webmasters au début (il y a longtemps). Là je le refais entièrement point par point. J'ai bien avancé en tant que débutant mais y a des trucs que j'ai jamais fait avant. C'est pour ça que j 'ai besoin d'un coup de main pour m'aider à formuler ces codes complexes pour moi.

**cedrus** · 16/03/2014, 22h01

Aurais tu un lien vers un tuto à me conseiller afin de comprendre comment intégrer ces fonctions d'upload/décompression d'un zip ou de multi upload d image ? Je m'en sors pas. Merci

**Spartacusply** · 16/03/2014, 22h42

Hello !

Tu n'es pas le premier à avoir cette nécessité et mine de rien techniquement ça nécessite du temps de développement.

Je te conseil de t'appuyer sur un plugin déjà existant, par exemple, l'excellent plupoad

**cedrus** · 17/03/2014, 12h13

J'ai pris le temps de regarder le tuto pour ce plug in et c'est trop complexe pour moi, surtout que je dois apporter des modification comme l ajout d un titre, l insertion dans la bdd, des mots clés... et je trouve aucun tuto...

Upload de plusieurs images en même temps

Langage PHP

Discussions similaires

Partager

Partager