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!

[jchris]

Great job! Worked out of the box for me.

Thanks for sharing this and all the other stuff you did. I´m looking forward using them, specially the ACE Editor.

I noticed one thing: if you put the upload button inside the DnD area, it will be disabled. Donno, if this is a feature or a bug and I was to lazy to search for this in the code. Not really important.

I was wondering about the drag-events you had in your example, like window.ondragleave, window.ondrop returning false or preventing default. I cound´t see any difference in using them or not. Is this for avoiding some browser issues or just an example of using these events to "highlight" the window ondragover?

Thanks
Chris