Hybrid View

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

      5  

    Default 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,263
    Vote Rating
    485
    scottmartin has a reputation beyond repute scottmartin has a reputation beyond repute scottmartin has a reputation beyond repute scottmartin has a reputation beyond repute scottmartin has a reputation beyond repute scottmartin has a reputation beyond repute scottmartin has a reputation beyond repute scottmartin has a reputation beyond repute scottmartin has a reputation beyond repute scottmartin has a reputation beyond repute scottmartin has a reputation beyond repute

      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

    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
    30
    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

  8. #8
    Sencha User sb007's Avatar
    Join Date
    May 2012
    Posts
    1
    Vote Rating
    0
    sb007 is on a distinguished road

      0  

    Default

    Harry, thank you very much for such great plugins!
    Tell me please how it is possible to change an "url" property in Upload plugin?
    Because it is important to link each file upload with some object/user id's.

  9. #9
    Sencha - Support Team
    Join Date
    Mar 2015
    Location
    Chicago
    Posts
    196
    Vote Rating
    17
    guilherme.lopes will become famous soon enough

      1  

    Default

    Hi,

    I have posted the answer here: http://stackoverflow.com/questions/3...-upload-button

    Quote Originally Posted by sb007 View Post
    Harry, thank you very much for such great plugins!
    Tell me please how it is possible to change an "url" property in Upload plugin?
    Because it is important to link each file upload with some object/user id's.
    Guilherme Lopes
    Sencha Support