IE9 not palying ball

UncleMarvo

Hi,
I'm running uploadify version 3.1 against jquery 1.7.2 and it runs fine in Chrome, FireFox and Safari - IE9 is another story. The flash button appears on screen but clicking it does nothing.
This is on an MVC3/Razor app on windows.

Some code snippets...

$(document).ready(function () {
$("#fileuploader").uploadify({
'uploader': 'Home/Upload',
'swf': '/uploadify/uploadify.swf',
'cancelImg': '/Images/cancel.png',
'method': 'post',
'auto': true
});
});

fileuploader is an input of type "file".

Any ideas, please?!?!

ray247

I just ran into the exact same problem. Interesting the demo on this site works in IE9. My code works on chrome but it just does not fire on IE9. Someone please help.

RonnieSan

cancelImg is no longer an option. I don't know why that would cause an issue, but it's worth a try removing it.

UncleMarvo

Thanks for the suggestion but removing the cancelImg option didn't make any difference.

denious

Same issue here: Chrome and Firefox work nice, in IE9 the button does nothing.

bignjl

http://www.uploadify.com/uploadify/uploadify.swf is diffreent from download file.
http://www.uploadify.com/uploadify/uploadify.swf is good file.

feelexit

replaced the download swf with this one http://www.uploadify.com/uploadify/uploadify.swf

still not working in IE9.

thecodefool

If I point directly to
http://www.uploadify.com/uploadify/uploadify.swf it works (at least the button allows you to click it and you can see the file dialog),
However, I had to replace (what I "thought" was the latest jQuery download, but is slightly different) jquery as this it the ONLY way I have got it to work.
http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js

So can anyone figure out why?

RonnieSan

Might be a styling issue. Right click the button to make sure it's the flash you're actually hovering over. I'll look into it more when I get a chance.

jur4x

I also run in this problem. v.3.1.1 works great in all browsers except IE9 (even IE8 and IE7 have no problems). Tryed all configurations with a lot of options and only basic ones but still nothing. Changed jQuery versions - that also does not help.
In IE9 I need to double click on uploadify to get select file dialog to show.

* It's not a styling issue. Right click shows that it is flash
* jQuery 1.7.1 does not solves this
* Pointing to http://www.uploadify.com/uploadify/uploadify.swf does not helps

thecodefool

I have just downloaded the upgrade 3.2 to hopefully get IE9 to work.

Still having the same issue. for those that are trying the same thing here is my test page.


<!DOCTYPE html>
<html lang="en">

<head>
    <title>Issue</title>
    <meta charset="utf-8">
    <link rel="stylesheet" type="text/css" href="Content/js/uploadify/uploadify.css">
    <script type="text/javascript" src="Content/js/jquery-1.7.1.min.js"></script>
    <script type="text/javascript" src="Content/js/uploadify/jquery.uploadify.min.js"></script>
    
    <!--[if lt IE 9]>
		<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->

</head>
<body>
    
    <br/><br/><br/>
    <p><input type="file" name="file_upload" id="file_upload_1" /></p>
    <br/><br/>
    <hr/>
    <script type="text/javascript">
        $(function () {
            $("#file_upload_1").uploadify({
                "height": "30",
//                "swf": "Content/js/uploadify/uploadify.swf",
                "swf": "http://www.uploadify.com/uploadify/uploadify.swf",
                "uploader": "",
                "width": "120"
            });
            var test = "42dadfc7-0640-411d-9f63-f55fac4d4589_FTP\AttorneyOpinion";
//            $.addslashes = function (str) {

//                str = str.replace("\\", "\\\\");
//                
//                
//                return str;
//            };
//            alert($.addslashes(test));
        });
       
    </script>
    
</body>
</html>

Now if you point directly at uploadify for the swf it will work but that is the only

thecodefool

Sorry got cutoff :)

way that it will work.!!!!! And by work I mean it is the only way the button will be clickable.

Does anyone at uploadify care?

santim00

Yes its true, point to that url (http://www.uploadify.com/uploadify/uploadify.swf) it open the window doing click on the button of uploadify but nothing else happens. And if you download the uploadify.swf to your project, and you put the url pointing to your project file, doesn't work!

I think is a real bug of uploadify, and all of the solutions above aren't the real solution.

I hope people of uploadify fix this bug.

RonnieSan

I just downloaded a fresh copy of the code from this website, setup a test page using the files in the zip package and tested everything in IE9. Everything works as expected. There must be an issue with the type of implementation or perhaps some settings in your IE9.

RonnieSan

I also found this in another thread:

still_the_same said: damn, found the problem. The control is not workring in vs2010 while debugging, but is working when it is running from a webserver. So not sure what the problem is.... But it is working for me this way.

thecodefool

Agreed, thanks for the answer I got it to work if I do not use the development server. So maybe it is a bug in the development server using a port or something. If I find the answer I will post here. Thank you RonnieSan!

jamaal

It works fine in IE9 until I trigger a jquery ui date popup. If I do trigger the date box, then the Upload will only work if I doubleclick it. If I don't trigger the date box, then the Upload will be fine with a single click.

Basically other jquery stuff is conflicting with it. I am not sure why a doubleclick works, but a single click doesn't.

abhishek_2506

put the following code inside head tag

<script type="text/javascript">
SWFUpload.prototype.getFlashHTML = function () {
            // Flash Satay object syntax: http://www.alistapart.com/articles/flashsatay
            var obj = ['<object id="', this.movieName, '" type="application/x-shockwave-flash" data="', this.settings.flash_url, '" width="', this.settings.button_width, '" height="', this.settings.button_height, '" class="swfupload">'].join(""),
	        params = [
		        '<param name="wmode" value="', this.settings.button_window_mode, '" />',
		        '<param name="movie" value="', this.settings.flash_url, '" />',
		        '<param name="quality" value="high" />',
		        '<param name="menu" value="false" />',
		        '<param name="allowScriptAccess" value="always" />',
		        '<param name="flashvars" value="', this.getFlashVars(), '" />'
	        ].join("");
            if (navigator.userAgent.search(/MSIE/) > -1) {
                obj = ['<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" id="', this.movieName, '" width="', this.settings.button_width, '" height="', this.settings.button_height, '" class="swfupload">'].join("");
                params += '<param name="src" value="' + this.settings.flash_url + '" />';
            }
            return [obj, params, '</object>'].join("");
        };
</script>

This will solve the IE9 issue for me

mjy0123

test

mjy0123

覆盖buttonImg之后，控件有时候不能出现和不能使用，刷新一下又可以，是什么问题，js加载问题，还是跟网速有关（加载flash一半半）

mjy0123

Coverage buttonImg control sometimes can not appear and can not be used to refresh what they can, what is the problem, js loading problem with the network speed (loaded flash half)

mjy0123

help me plase

Howdy, Stranger!

Categories