JavaScript: File Size Validation

Asked Sep 06 '16 at 09:04

Active Sep 06 '16 at 09:04

Viewed 48 times

I'm trying to add file validation when a user selects a file to upload. The file type validation works fine but I'm unclear as to why the file size is not working. Does anyone have any ideas?

$('input[type=file]').change(function () {
var val = $(this).val().toLowerCase();
var regex = new RegExp("(.*?)\.(zip|bmp|jpg|jpeg|tif|pdf|cdr|gbr|gtl|dxf|dwg)$");
    if(!(regex.test(val))) {
       $(this).val('');
       $("#fileError").html("<span class='flash'>You are trying to upload an file format we do not accept, please refer to our <a target='_blank' href='http://uk-cpi.com/inkjet-flex/guides/design-guide'>Design Guidelines ➜</a> and upload an accepted file format.<br></span>");
    }

    if(val.size > 2097152) {
         $("#fileError").html("<span class='flash'>File size must under 2mb!</span>");
    }

});

asked Sep 06 '16 at 09:04

Dan Lee

Why do you think `val` - a *string value* devoid of any attachment to the file input - would have a meaningful `size` property? – Niet the Dark Absol Sep 06 '16 at 09:06
`var val = $(this).val().toLowerCase()` means `val` is a string. What's `String.size`? – Sergiu Paraschiv Sep 06 '16 at 09:06
`this.files[0].size` is what you likely are looking for – mplungjan Sep 06 '16 at 09:07

JavaScript: File Size Validation

0 Answers0