1. #1
    Sencha Premium Member harrydeluxe's Avatar
    Join Date
    Jul 2007
    Location
    Nürnberg, Germany
    Posts
    78
    Vote Rating
    29
    harrydeluxe has a spectacular aura about harrydeluxe has a spectacular aura about

      5  

    Default File upload with drag & drop support

    File upload with drag & drop support


    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
    DELACAP | Github
    "don't code today what you can't debug tomorrow"

  2. #2
    Sencha - Support Team scottmartin's Avatar
    Join Date
    Jul 2010
    Location
    Houston, Tx
    Posts
    8,872
    Vote Rating
    438
    scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future

      0  

    Default


    This is great. I like the DnD!

    Regards,
    Scott.

  3. #3
    Sencha User
    Join Date
    Mar 2008
    Posts
    55
    Vote Rating
    6
    andong is on a distinguished road

      0  

    Default


    The drag and drop feature was not worked under IE.

  4. #4
    Sencha User
    Join Date
    Jun 2011
    Location
    Moscow
    Posts
    8
    Vote Rating
    0
    digcode is on a distinguished road

      0  

    Default singleFile param

    singleFile param


    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.

  5. #5
    Sencha Premium Member harrydeluxe's Avatar
    Join Date
    Jul 2007
    Location
    Nürnberg, Germany
    Posts
    78
    Vote Rating
    29
    harrydeluxe has a spectacular aura about harrydeluxe has a spectacular aura about

      1  

    Default


    @digcode
    Single Fileupload is now integrated. Use "multi_selection: false" in your config.
    DELACAP | Github
    "don't code today what you can't debug tomorrow"

  6. #6
    Sencha User
    Join Date
    Jun 2012
    Posts
    2
    Vote Rating
    0
    smenco is on a distinguished road

      0  

    Default


    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!

  7. #7
    Sencha User
    Join Date
    May 2011
    Location
    Argentina
    Posts
    54
    Vote Rating
    2
    ferengidedalo is on a distinguished road

      0  

    Default


    Excelent component!

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

  8. #8
    Sencha Premium Member harrydeluxe's Avatar
    Join Date
    Jul 2007
    Location
    Nürnberg, Germany
    Posts
    78
    Vote Rating
    29
    harrydeluxe has a spectacular aura about harrydeluxe has a spectacular aura about

      0  

    Default


    Yes you can. Use the grid.id in drop_element.
    That's it.
    DELACAP | Github
    "don't code today what you can't debug tomorrow"

  9. #9
    Sencha User
    Join Date
    Jul 2012
    Posts
    2
    Vote Rating
    0
    iammasoud is on a distinguished road

      0  

    Default Extension

    Extension


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

  10. #10
    Sencha Premium Member harrydeluxe's Avatar
    Join Date
    Jul 2007
    Location
    Nürnberg, Germany
    Posts
    78
    Vote Rating
    29
    harrydeluxe has a spectacular aura about harrydeluxe has a spectacular aura about

      0  

    Default


    Over the filter param in the upload config, like:

    PHP Code:
    filters: [
                    {
    title"Image files"extensions"jpg,gif,png"},
                    {
    title"Zip files"extensions"zip"}
                ], 
    DELACAP | Github
    "don't code today what you can't debug tomorrow"