[Firefox] jquery-fileupload + filestyle = change event not triggered about bootstrap-filestyle HOT 16 CLOSED

Removing the above fixed it for me also - thanks!

from bootstrap-filestyle.

This only happens in firefox?

from bootstrap-filestyle.

Yes, it works fine on other browsers.
I just went through the code and tried to comment out the firefox specific code (with the label click) and somehow it seems to fix the issue.

from bootstrap-filestyle.

In firefox, label does not work perfectly so it has a specific section for firefox in the code. Unfortunately when performing click the filestyle conflict with fileupload. Even so I will check.

from bootstrap-filestyle.

I am experiencing the same problem, any update on this issue?

from bootstrap-filestyle.

I also faced this problem... I have followed suggestion by @munchj which worked for me. Not sure what is the implication of that, will post if I find any side-effects of this.

from bootstrap-filestyle.

Hi! Same problem here!

I checked it's working properly with Chrome, Safari & IE11, but not working on FF 31.0

Any idea about how to get it working without disabling styling.

from bootstrap-filestyle.

After debbuging, I found the error on FF check

// Check if browser is Firefox
if (window.navigator.userAgent.search(/firefox/i) > -1) {
    // Simulating choose file for firefox
    _self.$elementFilestyle.find('label').click(function() {
        _self.$element.click();
        return false;
    });
}

Should be

// Check if browser is Firefox
if (window.navigator.userAgent.search(/firefox/i) > -1) {
    // Simulating choose file for firefox
    _self.$elementFilestyle.find('label').click(function() {
        _self.$element.click();
        return true;
    });
}

false return didn't allow FF to continue with upload file windows. But maybe it is by design for any reason I don't know. I don't purpose as a code update until Markus confirms it.

from bootstrap-filestyle.

Could someone inform the official page of the plugin jquery-fileupload?

from bootstrap-filestyle.

Closed for lack of information

from bootstrap-filestyle.

Hello,

One year after, still the same conflict. The solution of @dtamajon works well except it opens two file picker windows. Only the first one is working…

I don't understand if it's a problem relative to FileUpload or to FileStyle :(

from bootstrap-filestyle.

I never plugin fileupload so I do not know. When searching countless met with the same or similar. after a while I waited for someone inform me what the plugin that was presenting problem. if you are willing to help and give me the link of the plugin see if I can solve the problem with all pleasure

from bootstrap-filestyle.

The plugin is this one: https://github.com/blueimp/jQuery-File-Upload

Let me know if I can help you :)

from bootstrap-filestyle.

You do not have a some online example for me to observe more quickly?

from bootstrap-filestyle.

Hey,

Here is a JsFiddle: http://jsfiddle.net/gdebrion/a4ffupL5/29/
You can check one time with the "filestyle" class on the input media, and one time without.

Steps:

1. Pick a file
2. Observe the progress bar moving
3. Pick another file
4. The upload starts again… or not, it depends if filestyle is active or not.

Tests done with Firefox 42.0 on Linux Mint Debian Edition.

from bootstrap-filestyle.

Hi there!

I'm not sure if anyone is still having this issue, but I recently came across it with the project I'm working on, and I'm using both the jQuery File Upload plugin in combination with this bootstrap filestyle plugin.

The code block that starts at line 280 (in version 1.2.1) is only required if you are supporting Firefox version 22 & lower. The Firefox bug that the code block was working around was fixed in version 23 and up.

This is the code block that can be removed:
// Check if browser is Firefox if (window.navigator.userAgent.search(/firefox/i) > -1) { // Simulating choose file for firefox _self.$elementFilestyle.find('label').click(function () { _self.$element.click(); return false; }); }
In my application, we are only supporting "newer" versions of Firefox, so I've removed that code block entirely and everything functions as expected.

Jason

from bootstrap-filestyle.