An XHR (XmlHttpRequest) file upload implementation for Transloadit.

Transloadit's jQuery plugin now also offers support for XmlHttpRequest. Just provide the formData parameter with a value of true or a FormData object and the jQuery plugin will use XHR:

$('#myForm').transloadit({
  wait: true,
  formData: true,
  autoSubmit: false
});

This makes this very project somewhat obsolete. However, if you want a lightweight XHR implementation without all the other functionality of the official jQuery plugin, then this project is something for you.

Example:

First build your params and signature in the backend of your server (to be secure), and then call upload(). Make sure to change the id on your #file_input field accordingly before you start.

function upload() {
  var transloadit = new TransloaditXhr({
    params    : params,
    signature : signature,

    successCb: function(results) {
      console.log("Worked");
      console.log(results);
    },

    errorCb: function(err) {
      console.log(err);
    }
  });

  var file = $('#file_input').get(0).files[0];
  transloadit.uploadFile(file);
}

• Tim Koschützki

Contributions from:

• swelshh
• baohouse
• Pamela Fox
• llabball
• thilo
• wavejumper
• dogandemir