[CLOSED] multiple file upload and file size at client side

**bogc** · Dec 12, 2014, 1:05 AM

I only wanted to add that calling <formpanel>.getForm().reset() will bust the multiple attribute and it has to be set again for this to work, i.e. to be able to select multiple files.

I wonder why the input file element can't be rendered with the multiple attribute assigned to begin with.

**Daniil** · Dec 12, 2014, 10:10 PM

I only wanted to add that calling <formpanel>.getForm().reset() will bust the multiple attribute and it has to be set again for this to work, i.e. to be able to select multiple files.

A .reset() call should not affect on the multiple attribute and I cannot reproduce it with the test case below.

Example

<%@ Page Language="C#" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Ext.NET Example</title>
</head>
<body>
    <form runat="server">
        <ext:ResourceManager runat="server" />

        <ext:FormPanel ID="FormPanel1" runat="server" Width="500">
            <Items>
                <ext:FileUploadField runat="server" AnchorHorizontal="100%">
                    <Listeners>
                        <Render Handler="this.fileInput.set({ multiple : 'multiple' });" />
                    </Listeners>
                </ext:FileUploadField>
            </Items>
        </ext:FormPanel>

        <ext:Button runat="server" Text="Reset" Handler="function() { FormPanel1.getForm().reset(); }" />
    </form>
</body>
</html>

I wonder why the input file element can't be rendered with the multiple attribute assigned to begin with.

Unfortunately, the FileButton's template doesn't support any custom attributes to be applied.
http://docs.sencha.com/extjs/4.2.1/s...eld-FileButton

There is the following piece of template for the file input.

'<input id="{id}-fileInputEl" class="{childElCls} {inputCls}" type="file" size="1" name="{inputName}">'

**bogc** · Dec 12, 2014, 10:25 PM

Hi, Daniil:

Just to make sure, what version of Ext.Net do you use?

I tested in 2.5.x and when I run your sample (in Chrome) I get this:

Uncaught TypeError: Cannot read property 'set' of undefined

in the render handler.

I also noticed that you used this.fileInput while in 2.5.x I used:

        var SetMultipleUpload = function (fileupload) {
          fileupload.button.fileInputEl.set({ multiple: 'multiple' });
        }

**ALobpreis** · Dec 13, 2014, 7:53 PM

Daniil,

Can you please take a look at my question in post #20 of this thread? (the last one in page 2).

Thanks!

Andrew

**Daniil** · Dec 15, 2014, 5:44 AM

@bogc, I tested with v1 as the thread is on the 1.x forum:) I didn't remember in time that you are on v2 currently.

Reproduced with v2. I see that a file input is recreated on reset.

I can suggest this override. Also there is no need in a Render handler with this override.

Ext.form.field.FileButton.override({
    createFileInput : function(isTemporary) {
        var me = this;

        me.fileInputEl = me.el.createChild({
            name: me.inputName,
            id: !isTemporary ? me.id + '-fileInputEl' : undefined,
            cls: me.inputCls,
            tag: 'input',
            type: 'file',
            size: 1,
            multiple: "multiple" // added
        });

        me.fileInputEl.on('change', me.fireChange, me);  
    }
});

@ALobpreis, I afraid there is no such a possibility. At least, I am not aware of any.

Thread: [CLOSED] multiple file upload and file size at client side

Thread Tools

Search Thread

Display

Similar Threads

[CLOSED] How to identify upload file size before uploading in IE?

How to validate file size before upload at client side ( Javascript ) ?

[CLOSED] Validate file size using FileUpload in client side

Upload of file with resume and Multiple files upload

Maximum file size for upload

Tags for this Thread

Posting Permissions

Sitemap

Downloads

Resources