IE Upload file problem

[Canabeez]

Hi all,

anyone has an idea why IE is not uploading file and FF does? I'm creating a FORM + IFRAME using DOM and trying to upload a file, now Firefox and Chrome do thins perfectly.

I have attached a Log from HTTPAnalyzer.

Anyhow, here's the code I'm running, Class File:

HTMLElement.Upload = function(Params)
{
    var FORM = new HTMLElement(HTMLElement.FORM,{
        id:      'FO_'+Params.Id,
        action:  Params.Handler,
        method:  'post',
        enctype: 'multipart/form-data',
        target:  'FR_'+Params.Id
    });
    var IFRAME = new HTMLElement(HTMLElement.IFRAME,{
        name:    'FR_'+Params.Id,
        id:      'FR_'+Params.Id,
        width:   0,
        height:  0,
        border:  0
    });
    IFRAME.name = 'FR_'+Params.Id;
    IFRAME.style.display = 'none';
    document.body.appendChild(IFRAME);
 
    if(!Params.MaxFileSize)
    {
        Params.MaxFileSize = 10485760;
    }
 
    FORM.appendChild(new HTMLElement(HTMLElement.INPUT,{
        type:  'hidden',
        name:  'MAX_FILE_SIZE',
        value: Params.MaxFileSize
    }));
 
    if(Params.File)
    {
        FORM.appendChild(new HTMLElement(HTMLElement.INPUT,{
            type: 'file',
            name: Params.File,
            id:   'FI_'+Params.Id,
            onchange: function()
            {
                document.getElementById('FR_'+this.id.substring(3)).onload = function()
                {
                    if(document.getElementById('FO_'+this.id.substring(3)))
                    {
                        document.getElementById('FO_'+this.id.substring(3)).innerHTML = '<i>Done</i>';
                    }
                };
                this.parentNode.submit();
 
                var SPAN = new HTMLElement(HTMLElement.SPAN,{});
                SPAN.appendChild(new HTMLElement(HTMLElement.IMG,{
                    src: HTMLElement.CONFIG.IMAGE_UPLOAD_LOADER.src,
                    width: HTMLElement.CONFIG.IMAGE_UPLOAD_LOADER.width,
                    height: HTMLElement.CONFIG.IMAGE_UPLOAD_LOADER.height
                }));
                SPAN.appendChild(new HTMLElement(HTMLElement.SPAN,{
                    innerHTML: '&nbsp;Uploading file \"'+this.value+'\"...</i>'
                }));
                this.parentNode.innerHTML = SPAN.innerHTML;
            }
        }));
    }
    else if(Params.Files)
    {
        for(var i in Params.Files)
        {
            FORM.appendChild(new HTMLElement(HTMLElement.INPUT,{
                type: 'file',
                name: i
            }));
        }
    }
    return FORM;
}

HTMLElement constructor:

function HTMLElement(aElement, Params)
{
    if((aElement == HTMLElement.IFRAME ||
        aElement == HTMLElement.INPUT) &&
            HTMLElement.ISIE)
    {
        var ParamsString = '';
        if(Params.name)
        {
            ParamsString += ' name="'+Params.name+'"';
        }
        if(Params.type)
        {
            ParamsString += ' type="'+Params.type+'"';
        }
        var aElement = document.createElement('<'+aElement+ParamsString+'>');
    }
    else
    {
        var aElement = document.createElement(aElement);
    }
    for(var i in Params) aElement[i] = Params[i];
    return aElement;
}

And the code I run is:

window.onload = function(){
    HTMLElement.onload = function()
    {
        HTMLElement.ConvertSelectsToDropdowns();
        document.getElementById('vvv').appendChild(new HTMLElement.Upload({
            Id: 'upl',
            File: 'uploadedfile',
            Handler: 'ESCMS_HTMLElement/upload.php'
        }));
    }
    new HTMLElement.Include(HTMLElement.CLASS_BOX);
    new HTMLElement.Include(HTMLElement.CLASS_DROPDOWN);
    new HTMLElement.Include(HTMLElement.CLASS_AJAX);
    new HTMLElement.Include(HTMLElement.CLASS_UPLOAD);
 
}
 

Thanks in advance

[acoder]

I've not tested your code, but do you get any errors?

Here's one that should work.