Skip to content

P
Projet ISIS
Commit 1d0c5a51 authored by MARQUE Pierre's avatar MARQUE Pierre
Browse files
Options

requête Ajax

parent 1b1ead26
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 10942 additions and 16 deletions
index.php
View file @ 1d0c5a51
<html lang="fr"> <!DOCTYPE html>
<html lang="en">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Formulaire d'upload de fichiers</title> <title>Formulaire d'upload de fichiers</title>
<script src="jquery.js"></script>
<script src="script.js"></script>
</head> </head>
<body> <body>
<form action="upload.php" method="post" enctype="multipart/form-data">
<form id ="form" action="" method="POST" enctype="multipart/form-data">
<h2>Upload Fichier</h2> <h2>Upload Fichier</h2>
<label for="fileUpload">Fichier:</label> <label for="fileUpload">Fichier:</label>
<input type="file" name="photo" id="fileUpload"> <input type="file" name="photo" id="fileUpload">
<input type="submit" name="submit" value="Upload"> <input id="#btnSubmit" type="submit" name="submit" value="Upload">
<p><strong>Note:</strong> Seuls les formats .jpg, .jpeg, .jpeg, .gif, .png sont autorisés jusqu'à une taille maximale de 5 Mo.</p> <p><strong>Note:</strong> Seuls les formats .jpg, .jpeg, .jpeg, .gif, .png sont autorisés jusqu'à une taille maximale de 5 Mo.</p>
</form> </form>
<div id="div"></div>
</body> </body>
</html> </html>
\ No newline at end of file
jquery.js 0 → 100644
View file @ 1d0c5a51
This diff is collapsed.
script.js 0 → 100644
View file @ 1d0c5a51
$(document).ready(function(){
$("#form").on("submit",function (event) {
event.preventDefault();
var formData = new FormData(this);
$.ajax({
url: 'upload.php',
enctype: 'multipart/form-data',
method: 'POST',
data: formData,
cache: false,
dataType: "json",
contentType: false,
processData: false
})
.done(function(response){
let data = JSON.stringify(response);
$("div#div").empty();
$("div#div").append(data);
})
});
});
upload.php
View file @ 1d0c5a51
...@@ -2,11 +2,13 @@ ...@@ -2,11 +2,13 @@
// Vérifier si le formulaire a été soumis // Vérifier si le formulaire a été soumis
if($_SERVER["REQUEST_METHOD"] == "POST"){ if($_SERVER["REQUEST_METHOD"] == "POST"){
// Vérifie si le fichier a été uploadé sans erreur. // Vérifie si le fichier a été uploadé sans erreur.
if(isset($_FILES["photo"]) && $_FILES["photo"]["error"] == 0){ if(isset($_FILES["photo"]) && $_FILES["photo"]["error"] == 0)
{
$allowed = array("jpg" => "image/jpg", "jpeg" => "image/jpeg", "gif" => "image/gif", "png" => "image/png"); $allowed = array("jpg" => "image/jpg", "jpeg" => "image/jpeg", "gif" => "image/gif", "png" => "image/png");
$filename = $_FILES["photo"]["name"]; $filename = $_FILES["photo"]["name"];
$filetype = $_FILES["photo"]["type"]; $filetype = $_FILES["photo"]["type"];
$filesize = $_FILES["photo"]["size"]; $filesize = $_FILES["photo"]["size"];
$message = "";
// Vérifie l'extension du fichier // Vérifie l'extension du fichier
$ext = pathinfo($filename, PATHINFO_EXTENSION); $ext = pathinfo($filename, PATHINFO_EXTENSION);
...@@ -17,21 +19,32 @@ if($_SERVER["REQUEST_METHOD"] == "POST"){ ...@@ -17,21 +19,32 @@ if($_SERVER["REQUEST_METHOD"] == "POST"){
if($filesize > $maxsize) die("Error: La taille du fichier est supérieure à la limite autorisée."); if($filesize > $maxsize) die("Error: La taille du fichier est supérieure à la limite autorisée.");
// Vérifie le type MIME du fichier // Vérifie le type MIME du fichier
if(in_array($filetype, $allowed)){ if(in_array($filetype, $allowed))
{
// Vérifie si le fichier existe avant de le télécharger. // Vérifie si le fichier existe avant de le télécharger.
if(file_exists("upload/" . $_FILES["photo"]["name"])){ if(file_exists("upload/" . $_FILES["photo"]["name"]))
echo $_FILES["photo"]["name"] . " existe déjà."; {
} else{ //echo $_FILES["photo"]["name"] . " existe déjà.";
$message = $_FILES["photo"]["name"] . " existe déjà.";
}
else
{
move_uploaded_file($_FILES["photo"]["tmp_name"], $_FILES["photo"]["name"]); move_uploaded_file($_FILES["photo"]["tmp_name"], $_FILES["photo"]["name"]);
echo "Votre fichier a été téléchargé avec succès."; // echo "Votre fichier a été téléchargé avec succès.";
echo("<br></br>"); // echo("<br></br>");
echo "taille de la photo : ".$_FILES["photo"]["size"]." octets"; // echo "taille de la photo : ".$_FILES["photo"]["size"]." octets";
$message = "Votre fichier a été téléchargé avec succès.<br></br> Taille de la photo : ".$_FILES["photo"]["size"]." octets";
} }
} else{ }
echo "Error: Il y a eu un problème de téléchargement de votre fichier. Veuillez réessayer."; else{
// echo "Error: Il y a eu un problème de téléchargement de votre fichier. Veuillez réessayer.";
$message = "Error: Il y a eu un problème de téléchargement de votre fichier. Veuillez réessayer.";
} }
} else{ }
echo "Error: " . $_FILES["photo"]["error"]; else{
// echo "Error: " . $_FILES["photo"]["error"];
$message = "Error: " . $_FILES["photo"]["error"];
} }
echo json_encode($message);
} }
?> ?>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment