Hybrid View

  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
    9,112
    Vote Rating
    470
    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
    10
    andong will become famous soon enough

      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 Premium Member
    Join Date
    Jul 2008
    Posts
    3
    Vote Rating
    1
    jchris is on a distinguished road

      0  

    Default


    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