Note that there are some explanatory texts on larger screens.

plurals
  1. POBlueimp jQuery File Upload plugin - Over Quota Error when clicking 'Start Upload'
    primarykey
    data
    text
    <p>I'm using Blueimp's jQuery file upload plugin, and have not been able to get it to work. I'm using it on this <a href="http://grk.co/test2/upload.html" rel="nofollow">site</a>. I seem to be able to add files okay, but when I click 'start upload', it takes me to a page where it says "Error. Over Quota. This application is temporarily over its serving quota. Please try again later." Has anyone seen this before?</p> <p>Here is my HTML:</p> <pre><code>&lt;form id="fileupload" action="//grk.co/test2/" method="POST" enctype="multipart/form-data"&gt; &lt;!-- Redirect browsers with JavaScript disabled to the origin page --&gt; &lt;noscript&gt;&lt;input type="hidden" name="redirect" value="http://grk.co/test2/"&gt;&lt;/noscript&gt; &lt;!-- The fileupload-buttonbar contains buttons to add/delete files and start/cancel the upload --&gt; &lt;div class="row fileupload-buttonbar"&gt; &lt;div class="col-lg-7"&gt; &lt;!-- The fileinput-button span is used to style the file input field as button --&gt; &lt;span class="btn btn-success fileinput-button"&gt; &lt;i class="glyphicon glyphicon-plus"&gt;&lt;/i&gt; &lt;span&gt;Add files...&lt;/span&gt; &lt;input type="file" name="files[]" multiple&gt; &lt;/span&gt; &lt;button type="submit" class="tiny success start"&gt; &lt;i class="glyphicon glyphicon-upload"&gt;&lt;/i&gt; &lt;span&gt;Start upload&lt;/span&gt; &lt;/button&gt; &lt;button type="reset" class="tiny secondary cancel"&gt; &lt;i class="glyphicon glyphicon-ban-circle"&gt;&lt;/i&gt; &lt;span&gt;Cancel upload&lt;/span&gt; &lt;/button&gt; &lt;button type="button" class="tiny alert delete"&gt; &lt;i class="glyphicon glyphicon-trash"&gt;&lt;/i&gt; &lt;span&gt;Delete&lt;/span&gt; &lt;/button&gt; &lt;input type="checkbox" class="toggle"&gt; &lt;!-- The loading indicator is shown during file processing --&gt; &lt;span class="fileupload-loading"&gt;&lt;/span&gt; &lt;/div&gt; &lt;!-- The global progress information --&gt; &lt;div class="col-lg-5 fileupload-progress fade"&gt; &lt;!-- The global progress bar --&gt; &lt;div class="progress progress-striped active" role="progressbar" aria-valuemin="0" aria-valuemax="100"&gt; &lt;div class="progress-bar progress-bar-success" style="width:0%;"&gt;&lt;/div&gt; &lt;/div&gt; &lt;!-- The extended global progress information --&gt; &lt;div class="progress-extended"&gt;&amp;nbsp;&lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;!-- The table listing the files available for upload/download --&gt; &lt;table role="presentation" class="table table-striped"&gt;&lt;tbody class="files"&gt;&lt;/tbody&gt;&lt;/table&gt; &lt;/form&gt; </code></pre> <p>And my JS:</p> <pre><code>&lt;script&gt; /*jslint unparam: true */ /*global window, $ */ $(function () { 'use strict'; // Change this to the location of your server-side upload handler: var url = window.location.hostname === '91.208.99.4' ? '//grk.co/test2/' : 'server/php/'; $('#fileupload').fileupload({ url: url, dataType: 'json', done: function (e, data) { $.each(data.result.files, function (index, file) { $('&lt;p/&gt;').text(file.name).appendTo('#files'); }); }, progressall: function (e, data) { var progress = parseInt(data.loaded / data.total * 100, 10); $('#progress .progress-bar').css( 'width', progress + '%' ); } }).prop('disabled', !$.support.fileInput) .parent().addClass($.support.fileInput ? undefined : 'disabled'); }); &lt;/script&gt; </code></pre> <p>If anyone can spot anything wrong, I would greatly appreciate it. I am pretty new with jQuery so I am most definitely missing something.</p> <p>If any more information is needed, please let me know.</p>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload