Plupload Forum

2013-11-15 21:39:24

The add files button is not working in IE8 and IE9 (Works fine in IE7, and firefox and chrome). After clicking the button, the screen just moves slightly then nothing happens.

All uploaders are disabled but HTML 4 to narrow down the problem

<DIV class="plupload_wrapper plupload_scroll">
<DIV id=fileList_container class=plupload_container title="Using runtime: html4">
<DIV class=plupload>
<DIV class=plupload_header>
<DIV class=plupload_header_content>
<DIV class=plupload_header_title>Select files</DIV>
<DIV class=plupload_header_text>Add files to the upload queue and click the start button.</DIV></DIV></DIV>
<DIV class=plupload_content>
<DIV class=plupload_filelist_header>
<DIV class=plupload_file_name>Filename</DIV>
<DIV class=plupload_file_action>&nbsp;</DIV>
<DIV class=plupload_file_status><SPAN>Status</SPAN></DIV>
<DIV class=plupload_file_size>Size</DIV>
<DIV class=plupload_clearer>&nbsp;</DIV></DIV>
<UL id=fileList_filelist class=plupload_filelist></UL>
<DIV class=plupload_filelist_footer>
<DIV class=plupload_file_name>
<DIV class=plupload_buttons><A id=fileList_browse class="plupload_button plupload_add" href="https://plopes.rform.ca/members/Document/Document.php?pid=7D3A33A8-4EC6-4EF2-87F3-8AECC96E4A01&amp;g=1D6200FD-7247-4D48-8718-D7953E94070E#">Add files</A><A class="plupload_button plupload_start plupload_disabled" href="https://plopes.rform.ca/members/Document/Document.php?pid=7D3A33A8-4EC6-4EF2-87F3-8AECC96E4A01&amp;g=1D6200FD-7247-4D48-8718-D7953E94070E#" jQuery1705384515029763137="3">Start upload</A></DIV><SPAN class=plupload_upload_status></SPAN></DIV>
<DIV class=plupload_file_action></DIV>
<DIV class=plupload_file_status><SPAN class=plupload_total_status>0%</SPAN></DIV>
<DIV class=plupload_file_size><SPAN class=plupload_total_file_size>0 b</SPAN></DIV>
<DIV class=plupload_progress>
<DIV class=plupload_progress_container>
<DIV class=plupload_progress_bar></DIV></DIV></DIV>
<DIV class=plupload_clearer>&nbsp;</DIV></DIV></DIV></DIV></DIV><INPUT id=fileList_count name=fileList_count value=0 type=hidden></DIV>
<FORM style="POSITION: absolute; WIDTH: 0px; HEIGHT: 0px; OVERFLOW: hidden; TOP: 0px; LEFT: 0px" id=form_p189en3okbjsv1mr74ep1ikkb0c1 encType=multipart/form-data method=post target=p189en3ok3vgi15201kqc2at17sf0_iframe enctype="multipart/form-data"><INPUT style="FILTER: alpha(opacity=0); WIDTH: 100%; HEIGHT: 100%; FONT-SIZE: 99px; CURSOR: pointer; opacity: 0" id=input_p189en3okbjsv1mr74ep1ikkb0c1 accept="" size=1 type=file Plupload_p189en3okc1vbt1kceog55lu1shv2="p189en3okc8vp105o1g4m96uvun3"></FORM>

    var uploader = $("#fileList").pluploadQueue({
            // General settings
            runtimes: runtime,
            
            max_file_size: maxsize,
            chunk_size : '500kb',
            url: theURL,
            
        init: {


            StateChanged: function(up) {
                // When plupload has finished uploading files.
                                //reload so that the plupload add and start buttons reappear
                               if(up.state==plupload.STOPPED)
                               {
                                    loadPlupload();
                               }
                                
            },
            FileUploaded: fileUploadFunc
        }});

2011-11-15 23:11:36

I am using plupload for my website, and as usual, everything works fine in chrome and firefox, but doesn't work at all in Internet Explorer 9.

When I click the browse button, IE is just spitting me to the current directory listing.
I can't seem to figure it out, so I am asking you guys for help!

Here is my plupload.js file

window['TESTSITE'] = new Object();
window['TESTSITE']['Plupload'] = new Object();
var uploader = '';
filesJustUploaded = new Array();
TESTSITE.Plupload.Instances = new Array();

TESTSITE.Plupload.Setup = function(folderName, containerID, browseButtonID, uploadButtonID, fileListID, autoStart, submitButtonClass, disabledSubmitButtonClass, businessId, projectId, contactId, allowDescriptions, attachmentType)
{
    //console.log("bid:"+businessId+" pid"+projectId+" cid:"+contactId);
    // make sure to only create the uploader once
    if (!(browseButtonID in TESTSITE.Plupload.Instances))
    {
        TESTSITE.Plupload.Instances[browseButtonID] = containerID;

        var runtimeList = 'html5,flash,html4';
        var submitButtonText = '';

    /*    if (navigator.appName.indexOf('Internet Explorer') > -1)
                {
                    runtimeList = 'html5,flash,html4';
                }*/

        uploader = new plupload.Uploader({
            runtimes: runtimeList,
            browse_button: browseButtonID,
            container: containerID,
            max_file_size: '100mb',
            url: 'PluploadHandler.php?action=upload&folder=' + folderName + '&bid=' + businessId.toString() + '&pid=' + projectId.toString() + '&cid=' + contactId.toString() + '&type=' + attachmentType.toString(),
            resize: { width: 320, height: 240, quality: 90 }
        });

        uploader.bind('Init', function(up, params)
        {
            //console.log('init');
            //console.log(up);
            //console.log(params);            
            //$j('#' + fileListID).html("<div>Current runtime: " + params.runtime + "</div>");
        });

        jQuery('#' + uploadButtonID).click(function(e)
        {

            //$('#folderTreeView').jstree('search','foldertreeview'+folder);
            uploader.start();
            e.preventDefault();
        });

        jQuery('#' + browseButtonID).click(function(e)
        {
            if(attachmentType.toString() == 'ProjectFiles')
            {
                //console.log("folder:"+folderTreeViewCurSelected.rslt.obj.data("id"));
              //  uploader.settings.url="/members/PluploadHandler.php?action=upload&folder="+folderTreeViewCurSelected.rslt.obj.data("id")+"&bid="+businessId.toString()+"&pid="+projectId.toString()+"&cid="+contactId.toString()+"&type=ProjectFiles";
            }
            else if(attachmentType.toString() == 'Document')
            {
                //console.log(attachmentType.toString());
               // curDoc = CurrentDocumentId;
                //console.log('curdoc:**'+curDoc+'**');
                uploader.settings.url='PluploadHandler.php?action=upload&docID='+curDoc+'&folder=' + folderName + '&bid=' + businessId.toString() + '&pid=' + projectId.toString() + '&cid=' + contactId.toString() + '&type=' + attachmentType.toString();
                //console.log(uploader.settings.url);
                
            }
                    
        });

        uploader.init();

        uploader.bind('FilesAdded', function(up, files)
        {
           var boolOKToUpload = true;
          
           
            if(attachmentType.toString() == 'ProjectFiles')
            { 

                    //console.log(files);
                    newFile = files[0].name;
                    fileList = folderTreeViewCurSelected.rslt.obj.data("files");
                    
                    //Check to make sure we havent uploaded file since opening window
                   
                    for(j=0;j<filesJustUploaded.length;j++)
                    {
                          if(newFile == filesJustUploaded[j])
                              {
                                  boolOKToUpload = false;
                               }
                    }                    
                     filesJustUploaded.push(newFile);
                     
                    for(i=0;i<fileList.length;i++)
                    {
                       // console.log(fileList[i]);
                        if(newFile == fileList[i].FileName)
                        {
                            boolOKToUpload = false;
                            break;
                        }
                    }
            }
            
            if(!boolOKToUpload)
            {
                    var r=confirm(newFile+" already exists, overwrite?");
                    if (r!=true)
                      {
                        boolOKToUpload = false
                      }
                    else
                    {
                        if(attachmentType.toString() == 'ProjectFiles')
                        {
                            uploader.settings.url="/members/PluploadHandler.php?action=overwrite&folder="+folderTreeViewCurSelected.rslt.obj.data("id")+"&bid="+businessId.toString()+"&pid="+projectId.toString()+"&cid="+contactId.toString()+"&type=ProjectFiles"       
                            boolOKToUpload = true;
                        }
                    }                                          
            }
            
            if(boolOKToUpload)
            {
                if (submitButtonClass != null && submitButtonClass != '' && disabledSubmitButtonClass != null && disabledSubmitButtonClass != '')
                {
                    jQuery('.' + submitButtonClass).hide();
                    jQuery('.' + disabledSubmitButtonClass).show();
                }

                jQuery.each(files, function(i, file)
                {
                    jQuery('#' + fileListID).append(
                                        '<div id="' + file.id + '" style="width: 75%;"><span style="float: right;"></span>' +
                                        file.name + ' (' + plupload.formatSize(file.size) + ') <b></b><div class="clear" style="clear: both; height: 1px; line-height: 1px; overflow: hidden;"></div>' +
                                '</div>');
                });

                up.refresh(); // Reposition Flash/Silverlight

                if (autoStart)
                {
                    uploader.start();
                }
            }
        });

        uploader.bind('UploadProgress', function(up, file)
        {
            jQuery('#' + file.id + " b").html(file.percent + "%");
        });

        uploader.bind('Error', function(up, err)
        {
            if (submitButtonClass != null && submitButtonClass != '' && disabledSubmitButtonClass != null && disabledSubmitButtonClass != '')
            {
                jQuery('.' + submitButtonClass).show();
                jQuery('.' + disabledSubmitButtonClass).hide();
            }

            jQuery('#' + fileListID).append("<div>Error: " + err.code +
                ", Message: " + err.message +
                (err.file ? ", File: " + err.file.name : "") +
                "</div>"
            );

            up.refresh(); // Reposition Flash/Silverlight
        });

        uploader.bind('FileUploaded', function(up, file)
        {
            jQuery('#' + file.id + " b").html("100%");
            if (allowDescriptions)
            {
                jQuery('#' + file.id + " span").html(' <input style="width: 175px; font-size: 14px;" id="' + folderName + '_' + file.name + '" name="' + folderName + '_' + file.name + '" type="text" />');
            }
        });

        uploader.bind('UploadComplete', function(up, files)
        {
            if (submitButtonClass != null && submitButtonClass != '' && disabledSubmitButtonClass != null && disabledSubmitButtonClass != '')
            {
                jQuery('.' + submitButtonClass).show();
                jQuery('.' + disabledSubmitButtonClass).hide();
            }
        });
    }
 }

 jQuery(document).ready(function()
 {
    if (!window.BlobBuilder && window.WebKitBlobBuilder)
       window.BlobBuilder = window.WebKitBlobBuilder;
 });

Plupload Forum

Search options

Posts found: 2

1 Topic by weranidr 2013-11-15 21:39:24

Topic: Add files button not working in IE8 and IE9 (1 replies, posted in General discussion)

2 Topic by weranidr 2011-11-15 23:11:36

Topic: plupload just sending me to directory listing in IE (1 replies, posted in General discussion)

Posts found: 2