Edit Question - KnowledgeHub

Title Body

I need help to add some line of code to check is file is image, to check extension. This is my code that I use for indicate progress of uploading images. I do that in php and user can't upload any file except .jpg .jpeg .gif and .png but he doesn't get a message that file isn't uploaded. When I add javascript code for progress upload, my php message taht i create doesn't display anymore. This is my javascript upload.js file code: var handleUpload = function(event) { event.preventDefault(); event.stopPropagation(); var fileInput = document.getElementById('image_id'); var data = new FormData(); data.append('javascript', true); if(fileInput.files[0].size > 1050000) { document.getElementById("image_id").innerHTML = "Image too big (max 1Mb)"; alert('Fotografija koju želite dodati je veća od 1Mb!'); window.location="upload_images.php" return false; } for (var i =0; i < fileInput.files.length; ++i) { data.append('image', fileInput.files[i]); } var request = new XMLHttpRequest(); request.upload.addEventListener('progress', function(event) { if (event.lengthComputable) { var percent = event.loaded / event.total; var progress = document.getElementById('upload_progress'); while (progress.hasChildNodes()) { progress.removeChild(progress.firstChild); } progress.appendChild(document.createTextNode(Math.round(percent * 100) + ' %')); } }); request.upload.addEventListener('load', function(event) { document.getElementById('upload_progress').style.display = 'none'; }); request.upload.addEventListener('error', function(event) { alert('Dodavanje slika nije bilo uspješno! Pokušajte ponovo.'); }); request.addEventListener('readystatechange', function(event) { if (this.readyState == 4) { if(this.status

Tags (comma-separated) Cancel