aide pour afficher des messages d erreur dans un script

Eléphant du PHP | 330 Messages

21 juil. 2021, 20:24

bonjour a tous
j ai un script qui me permet d uploader des images
ce script n a pas été conçu par moi

il fonctionne parfaitement bien si l utilisateur ne se trompe pas de format , ni de taille d image et envois bien un ficher

je souhaiterais savoir comment je pourrais afficher des messages d erreur si l utilisateur envois pas le bon format
ou si l image est trop grosse ou encore si il essaye de ne rien envoyer

merci de l aide
voici le script

Code : Tout sélectionner

<script> var pseudo = '<?php echo $pseudo;?>'; var id = '<?php echo $id ;?>'; console.log('ID', id, 'PSEUDO', pseudo); // pour voir si les variables se remplissent bien dans la console;.. function _(el) { return document.getElementById(el); } function uploadFile() { var file = _("photo").files[0]; var input_contenu = _("contenu"); var contenu = input_contenu.value; var formdata = new FormData(); formdata.append("photo", file); formdata.append("pseudo", pseudo); formdata.append("id", id); formdata.append("contenu", contenu); //le temps des tests : //alert('pseudo:' + pseudo + ' id: ' + id+ ' contenu: ' + contenu); console.log('ID', id, 'PSEUDO', pseudo, 'CONTENU', contenu); // pour voir si les variables se remplissent bien dans la console;.. var ajax = new XMLHttpRequest(); ajax.upload.addEventListener("progress", progressHandler, false); ajax.addEventListener("load", completeHandler, false); ajax.addEventListener("error", errorHandler, false); ajax.addEventListener("abort", abortHandler, false); ajax.open("POST", "cible-fichier.php"); // http://www.developphp.com/video/JavaScript/File-Upload-Progress-Bar-Meter-Tutorial-Ajax-PHP //use file_upload_parser.php from above url ajax.send(formdata); } function progressHandler(event) { _("loaded_n_total").innerHTML = "Uploaded " + event.loaded + " bytes of " + event.total; var percent = (event.loaded / event.total) * 100; _("progressBar").value = Math.round(percent); _("status").innerHTML = Math.round(percent) + "% uploaded... please wait"; } function completeHandler(event) { let res = typeof(event.target.responseText) != 'undefined' ? JSON.parse(event.target.responseText) : ""; document.getElementById("photo").value = ""; document.getElementById("contenu").value = ""; let message = typeof(res.message) != 'undefined' ? res.message : ""; let error = typeof(res.error) != 'undefined' ? res.error : null; _("status").innerHTML = error ? error : message; _("progressBar").value = 0; //wil clear progress bar after successful upload } function errorHandler(event) { _("status").innerHTML = "Upload Failed"; } function abortHandler(event) { _("status").innerHTML = "Upload Aborted"; } </script>