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
| <?php
//Si on travaille en utf-8 (recommandé)
header('Content-type: text/html; charset=UTF-8');
// Appel de la classe
require('../Classe_Upload.php');
require('../adresses_dossiers.php');
$up = new Telechargement($dossier_photo,'form1','photo');
$extensions = array('jpg','jpeg');
$up->Set_Extensions_accepte ($extensions);
$up->Set_Redim ('200','150', array('','','mini_'));
$up->Set_Redim ('1024','768',array('','','max_'));
$up->Set_Renomme_fichier('incr');
$up->Set_Nomme_fichier('photo.jpg');
$up->Upload('reload');
$messages_upload = $up->Get_Tab_message();
$messages_upload_html = null;
foreach ($messages_upload as $num) foreach ($num as $value) $messages_upload_html .= '<p>- '.htmlspecialchars($value).'</p>';
$tableau_resultat = $up->Get_Tab_result();
?>
<!doctype html>
<html lang="fr">
<head>
<meta charset="UTF-8" />
<title>Redimentionnements avec suffixes ou préfixes</title>
<script type="text/javascript">
<!--
function Verif_attente(id_attente)
{
var id_attente = document.getElementById(id_attente);
if (id_attente)
{
id_attente.innerHTML = 'Patientez...';
id_attente.style.fontWeight="bold";
id_attente.style.fontSize="1.5em";
}
}
-->
</script>
<style type="text/css">
body {font-family:Arial, Helvetica, sans-serif; font-size:12px;}
</style>
</head>
<body>
<form enctype = "multipart/form-data" action = "#" method = "post" onsubmit = "Verif_attente('message_tele')">
<p><label for="image">Images jpg, jpeg (supporte le téléchargement multiple) </label><input name="photo[]" id="image" type="file" multiple="multiple" /></p>
<p><input type="submit" name="form1" value="Envoyez" /></p>
</form>
<div id = "message_tele" style="margin-top:20px;">
<?= $messages_upload_html; ?>
</div>
<div style="margin-top:50px">
<?php if(!empty($tableau_resultat))
{
echo 'tableau des résultats :';
echo '<pre>';
print_r($tableau_resultat);
echo '</pre>';
}
?>
</div>
</body>
</html> |
re
Répondre avec citation
Envoyé par spawns
En effet si vous utilisez la seconde solution, une option de la classe ajax permet de basculer la destination du formulaire vers un traitement plus classique en cas de navigateurs incompatibles. Si donc vous souhaitez un maximum de compatibilité avec tous les navigateurs vous pouvez rediriger vers le script de la première solution si la seconde n'est pas compatible. Cela donne plus de travail mais vous obtenez ainsi une solution "universelle" avec si possible des informations en temps réel durant l'upload. Bien entendu, pour que cela en vaille la peine, il faut que l'utilisation principale ne soit pas l'upload de fichiers dépassant la directive "upload_max_filesize" du serveur car seule la classe ajax peut surpasser cette valeur 
Partager