Search code examples
javascriptgetuikit

Abort upload with UIkits Upload Component?


The title says it all. How can I abort the upload with UIKits Upload Component?

I'm trying to abort the upload in the beforeAll callback but I can't seem to get it to work.

UIkit.upload('.js-upload', {
    url: '',
    multiple: false,
    mime: 'audio/*',
    allow: '*.mp3',

    beforeAll: function () {
      return false; // <--- Why does it not return/abort?
      });
    }
 });


Solution

  • Have a look at the source code. The return value from beforeAll isn't used.

    The best option I see to abort the request is to get hang of the XMLHttpRequest object and call abort() on it:

    UIkit.upload(".js-upload", { 
      // ...
      loadStart: function (e) {
        e.target.abort();
      },
      abort: function (e) {
        // clean up after abort
      }
      // ...
    });