Breaking News: Grepper is joining You.com. Read the official announcement!

how to check the file extension in javascript before upload files

akileus answered on September 18, 2022 Popularity 6/10 Helpfulness 5/10

answer how to check the file extension in javascript before upload files

how to check the file extension in javascript before upload files

Comment

function fileValidation() {
            var fileInput =
                document.getElementById('file');
             
            var filePath = fileInput.value;
         
            // Allowing file type
            var allowedExtensions =
                    /(\.jpg|\.jpeg|\.png|\.gif)$/i;
             
            if (!allowedExtensions.exec(filePath)) {
                alert('Invalid file type');
                fileInput.value = '';
                return false;
            }
            else
            {
             
                // Image preview
                if (fileInput.files && fileInput.files[0]) {
                    var reader = new FileReader();
                    reader.onload = function(e) {
                        document.getElementById(
                            'imagePreview').innerHTML =
                            '<img src="' + e.target.result
                            + '"/>';
                    };
                     
                    reader.readAsDataURL(fileInput.files[0]);
                }
            }
        }

Popularity 6/10 Helpfulness 5/10 Language javascript

Source: www.geeksforgeeks.org

Tags: file-extension javascript upload

Link to this answer
Share Copy Link