Excel upload button

Question

I created an excel upload button in my HTML file.

        <tr>
            <td><label for="id_excel">Excel: </label></td>
            <td class="fileUpload btn">
                <input type="file" name="excel" id="id_excel" class="upload" />
            </td>
        </tr>

Since I created this button to get Excel files, I want to prevent users to upload something else (for example docx or pdf). How can I limit the user to upload only Excel file type?

Thanks.

Is your issue resolved? please vote up arrow if so. Thanks :) — CreativePS
– CreativePS, Commented Oct 3, 2015 at 15:56

CreativePS · Accepted Answer · 2015-10-03 15:11:10Z

1

Just add this in the It works fine for me, hope this will resolve your issue.

<script>
var fl = document.getElementById('id_excel');

fl.onchange = function(e){ 
    var ext = this.value.match(/\.(.+)$/)[1];
    switch(ext)
    {
        case 'xls':
        case 'xlsx':
            alert('allowed');
            break;
        default:
            alert('not allowed');
            this.value='';
    }
};
    </script>

answered Oct 3, 2015 at 15:11

CreativePS

1,0937 silver badges15 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

M K Sundaram Over a year ago

How do I use the said upload button to save the chosen file to the database?

Collectives™ on Stack Overflow

Excel upload button

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related