title: maxFileSize in blueimp file upload plugin?
body: <p>I implemented this plugin completely stock out of the box with a file limit of 2mb, enforced server side with an error response. It works great.</p>
  
  <p>Then I was asked to up the file size limit to 5mb.</p>
  
  <p>I tried everything I could find to try. I simply can't get the plugin to do anything with a file larger than 4.2mb. </p>
  
  <p>No errors, it just doesn't do anything with a file larger than 4.2mb.</p>
  
  <p>Code as it currently sits:</p>
  
  <pre><code> $('#fileupload').fileupload({
  
              type: "POST",
  
              add: function (e, data) {
                  if (files &lt; 5) {
  
                      var errs = [];
                      var acceptFileTypes = /(\.|\/)(gif|jpe?g|png)$/i;
                      var maxFileSize = 5242880;
  
                      // Validate file
                      $.each(data.files, function (index, file) {
                          if (file.type.length &amp;&amp; !acceptFileTypes.test(file.type)) {
                              errs.push('Selected file "' + file.name + '" is not alloawed. Invalid file type.');
                          }
                          if (this['size'] &gt; maxFileSize) {
                              errs.push('Selected file "' + file.name + '" is too big, ' + parseInt(file.size / 1024 / 1024) + 'M.. File should be smaller than ' + parseInt(maxFileSize / 1024 / 1024) + 'M.');
                          }
                      });
  
                      // Output errors or submit data
                      if (errs.length &gt; 0) {
                          alert('An error occured. ' + errs.join(" "));
                      } else {
                          data.context = $('&lt;p/&gt;').text('Uploading...').appendTo($('.currUploadDiv ul'));
                          data.submit();
                          removeFileUploadLabel();
                          files++;
                          if (files &gt; 0) {
                              $('.fileName').html(files + ' of 5 uploads selected.')
                          } else {
                              $('.fileName').html('Select a file.');
                          }
                      }
  
  
                      //data.submit();
  
                     // return;
                  } else {
                      $('.fileName').html('Maximum number of files selected.');
                  };
              },
              success: function (e, data) {
                  //ToDo- check response for too many files uploaded.
  
  
              },
              done: function (e, data) {
  
                  data.context.text(data["_response"]["result"]["message"]);
              },
              error: function (e, data) {
                  console.log(e);
              }
          });
  </code></pre>
  
  <p>I've included the necessary .js files in the proper order (as indicated by a previous answer about MaxFileSize...)</p>
  
  <p>What am I missing?</p>