jQuery, blueimp file upload: clear form only works onclick

Question

I'm using the blueimp file upload plugin, everything is working fine so far. I have implemented this plugin into my own form, which is submitted through ajax, this is working well too.

Now the problem: after successful submission, I go back to the form, all input fields are cleared, except the file upload list.

this solution should work, and it does when I use in within an onclick function:

https://github.com/blueimp/jQuery-File-Upload/issues/1631

But I don't want to use a separate clear button, I want to clear the form + file list after successful submission, so logically, I wrote this code:

 success: function(response) {
  // on success
  if (response.success === 1) {
    $('#fileupload table tbody tr.template-download').remove();

but this doesn't work, even when I just put the line on top, below document.ready (so clear onload).

Why does this only work onclick? Am I missing something? Any suggestions?

Thanks in advance for your assistance

MonkeyBlue · Accepted Answer · 2013-09-12 08:30:58Z

6

Try calling this, this worked for me

$("#fileupload").find(".files").empty();

answered Sep 12, 2013 at 8:30

MonkeyBlue

2,2246 gold badges31 silver badges42 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Ray Cheung · Accepted Answer · 2016-02-02 05:24:25Z

1

None of the solution posted before worked for me. But unbinding the upload button did the trick.

progressall: function (e, data) {
  var progress = parseInt(data.loaded / data.total * 100, 10);
  if(progress==100)
    {  
      $('#btnUploadAll').unbind('click');
    }
}

answered Feb 2, 2016 at 5:24

Ray Cheung

212 bronze badges

1 Comment

Dave de Jong Over a year ago

This is working for me too, I guess it's because we're binding data.submit() to the click handler of the upload button, right @Ray?

CtrlX · Accepted Answer · 2013-06-10 11:42:28Z

0

Do you have tried to put it on the done (instead of success) :

 $('#fileupload').fileupload({
        url: url,
        dataType: 'json',
        done: function (e, data) {
                 $('#fileupload table tbody tr.template-download').remove();
            }
        });

answered Jun 10, 2013 at 11:42

CtrlX

7,0251 gold badge19 silver badges21 bronze badges

Comments

user2009117 · Accepted Answer · 2013-08-24 12:04:18Z

0

just have a look at option "replaceFileInput". I had the same problem and after adding this option with value "false" to the jquery file upload plugin it works for me.

Seems that jquery file upload is a little bit tricky at this point and during replacement of the input field behind the scene, inmportant event signups will get lost.

Don't know if its a bug or a feature. :)

Regards

Udo

answered Aug 24, 2013 at 12:04

user2009117

611 silver badge7 bronze badges

Collectives™ on Stack Overflow

jQuery, blueimp file upload: clear form only works onclick

4 Answers 4

Comments

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related