Impedire l'upload delle immagini

Buongiorno a tutti!
volevo chiedervi se esiste un modo per impedire che una funzione AJAX uploadi un immagine.
Ecco la funzione:

Codice HTML:

---

var form_data = new FormData(this); //Creates new FormData object
                        var post_url = window.location.pathname; //get action URL of form
                       
                        //jQuery Ajax to Post form data
                        $.ajax({
                                url : post_url,
                                type: "POST",
                                data : form_data,
                                contentType: false,
                                cache: false,
                                processData:false,
                                xhr: function(){
                                        //upload Progress
                                        var xhr = $.ajaxSettings.xhr();
                                        if (xhr.upload) {
                                                xhr.upload.addEventListener('progress' , function(event){
                                                        var percent = 0;
                                                        var position = event.loaded || event.position;
                                                        var total = event.total;
                                                        if (event.lengthComputable) {
                                                                percent = Math.ceil(position / total * 100);
                                                        }
                                                        //update progressbar
                                                        $(progress_bar_id +" .progress-bar").css("width", + percent +"%");
                                                        $(progress_bar_id + " .status").text(percent +"%");
                                                }, true);
                                        }
                                        return xhr;
                                },
                                mimeType:"multipart/form-data"
                        }).done(function(res){
                                $(my_form_id)[0].reset(); //reset form
                                $(result_output).html(res); //output response from server
                                submit_btn.val("Upload").prop( "disabled", false); //enable submit button once ajax is done
                        });

---

Come si nota nella funzione ce in mezzo anche un Progress Bar.
Il mio scopo sarebbe quello di far "sentire" al Progress Bar l'upload che viene effetuato attraverso una funzione php presente nella stessa pagina.
Come posso fare?:roll:
Grazie infinite in anticipo!

Effettual il controllo in php, no tramite ajax, visto che cosi facendo posso facilmente bypassare il controllo modificando il codice con il browser.

In entrambi i casi, potresti fare un'array con tutte le estensioni di file da bloccare, prima dell'upload dell'imagine controlli se la sua estensione e contenuta nell'array, se si non prosegui con l'upload.