Thanks for posting this; I was looking for a simple ajax-y uploader to handle some image uploads without page refreshes and yours looks good and doesn’t depend on flash like most other similar scripts appear to.

I am however having a problem with it — I see the onStart and loading callbacks trigger, but the upload form does not appear to submit, and the onComplete callback is never called.

My upload form is created in a table cell on demand, and then I call .ajaxUpload() on it like this:

[...]
var $dataid = ...
var $formid = ...
var $this_form = ...
td.html($this_form);
$('#' + $formid).ajaxUpload({
onStart: function() {
console.log("Upload for dataid " + $dataid + " starting!");
td.html("Loading anim maybe goes here?");
},
loading: function() {
console.log("Upload for dataid " + $dataid + " loading!");
td.html("Loading anim goes here!");
},
onComplete: function(returned_json) {
console.log("Upload for dataid " + $dataid + " complete, status " + returned_json);
td.html("Image thumbnail goes here!");
}
});


I’m using jQuery v1.6.2. When I trigger the creation of the form it looks fine. I select a file and click the submit button to start the upload, and I see the onStart and loading callbacks are called and log to the console, but no request is sent to the server, and the onComplete callback is never called.

I’m using Firefox 6 (on Ubuntu/Linux) at the moment. If I try with Chrome 13, the upload request appears to actually be sent, but the onComplete callback still doesn’t fire.

Any advice? Does this script have incompatibilities with newer jQuery or newer browsers? Is there any info I can collect you’d like to see?

Thanks,

Charles