File upload with drag & drop support

[harrydeluxe]

Ext.ux.upload.Button uses Plupload, with a lot of config options.



Source on Github:
https://github.com/harrydeluxe/extjs-ux/

Demo:
http://harrydeluxe.github.com/extjs-...ad/upload.html

[scottmartin]

This is great. I like the DnD!

Regards,
Scott.

[andong]

The drag and drop feature was not worked under IE.

[digcode]

Nice component. But I bumped into following problem:
Is there any effect of using singleFile param? In both cases it allows you to choose more then one file.

[harrydeluxe]

@digcode
Single Fileupload is now integrated. Use "multi_selection: false" in your config.

[smenco]

Hi, i love your plugin love the multiselect files option thanks for sharing.... Im new in all the Extjs world and im having some issues to use the plugin, i load the libraries, and everything is correct, but when i add the button part i get the error (i just copy paste the example just remove the part reder to, because its inside a panel that already renders to the body) :

• [COLOR=red !important]Uncaught TypeError: object is not a function[/COLOR]

• [COLOR=red !important]Uncaught TypeError: Cannot read property 'xtype' of undefined [/COLOR]

that points to the line Ext.create('Ext.ux.upload.Button', { ... the loaded files are ok i dont know why i get this error, sorry if its a very basic question, please help me ...

My loading configs:
Ext.Loader.setConfig({enabled:true});
Ext.Loader.setPath({
'Ext.ux': 'resources/ext-4.0.2a/examples/ux/',
'Ext.ux.upload' : 'resources/ext-4.0.2a/examples/ux/upload',
'Ext.ux.upload.plugin' : 'resources/ext-4.0.2a/examples/ux/upload/plugin'
});
Ext.require(['Ext.grid.*',
'Ext.data.*',
'Ext.util.*',
'Ext.state.*',
'Ext.ux.upload.Button',
'Ext.ux.upload.plugin.Window']);

I really want to be able to use the plugin... so please help... and i have another question, in the options
url: 'upload.json',
uploadpath: '/Root/files',
In the url part can i put the url of the php file that upload the files?, in that case the uploadpath will not be necessary or is it a required option, many thanks have a great day all!

[ferengidedalo]

Excelent component!

is there any possibilito to drop over an extjs component? let say a grid extended with tileview, for example

[harrydeluxe]

Yes you can. Use the grid.id in drop_element.
That's it.

[iammasoud]

that is great.
a quation:
how can i limit Extension in uploader?
thanks.

[harrydeluxe]

Over the filter param in the upload config, like:

filters: [
                {title: "Image files", extensions: "jpg,gif,png"},
                {title: "Zip files", extensions: "zip"}
            ],