Hybrid View

  1. #1
    Sencha User
    Join Date
    Oct 2010
    Location
    India
    Posts
    84
    Vote Rating
    0
    Anup Rana is on a distinguished road

      0  

    Default UploadFile

    UploadFile


    How to upload file using EXTJS ?
    I am using Action class on the backend to upload file..Can anyone help how to deal with it ?

  2. #2
    Sencha - Community Support Team Condor's Avatar
    Join Date
    Mar 2007
    Location
    The Netherlands
    Posts
    24,246
    Vote Rating
    83
    Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of

      1  

    Default


    1. Put a FileUploadField on your form.
    2. Configure your form with fileUpload:true.
    3. Configure your server so it can handle multi-part uploads.

  3. #3
    Sencha User
    Join Date
    Oct 2010
    Location
    India
    Posts
    84
    Vote Rating
    0
    Anup Rana is on a distinguished road

      0  

    Default


    I'm applying fileUpload:true property to form but it is giving systax error and i am not able to fetch the whole path of the file.
    Here is my code.

    Ext.onReady(function(){

    var uploadfile=new Ext.form.FileUploadField(
    {
    name: 'FilePath',
    emptyText: 'Select File',
    fieldLabel: 'Upload File',
    width:200,
    buttonText: 'Browse'
    });

    var uploadForm=new Ext.FormPanel({
    name:'uploadForm',
    id:'uploadForm',
    fileUpload:true,

    renderTo: document.body,
    title:'Upload Form',
    autoHeight:true,
    width:400,
    items:[uploadfile],
    buttons: [{
    text: 'Save',
    handler: function(){
    uploadForm.getForm().submit({url: 'UploadFile.action'});

    }
    }]
    });


    });

  4. #4
    Sencha - Community Support Team Condor's Avatar
    Join Date
    Mar 2007
    Location
    The Netherlands
    Posts
    24,246
    Vote Rating
    83
    Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of

      1  

    Default


    Syntax error where?

    ps. Some browsers don't allow access to the file path - Nothing you can do about that.

  5. #5
    Sencha User
    Join Date
    Oct 2010
    Location
    India
    Posts
    84
    Vote Rating
    0
    Anup Rana is on a distinguished road

      0  

    Default


    uploadForm.getForm().submit({url: 'UploadFile.action'});

    in this statement..

  6. #6
    Sencha - Community Support Team Condor's Avatar
    Join Date
    Mar 2007
    Location
    The Netherlands
    Posts
    24,246
    Vote Rating
    83
    Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of

      0  

    Default


    And what is the error?

Similar Threads

  1. change uploadfile button
    By albaba1903 in forum Ext 3.x: Help & Discussion
    Replies: 0
    Last Post: 20 Jan 2010, 8:15 PM
  2. A simple Form with uploadFile field inside!?
    By Dariusz in forum Ext 2.x: Help & Discussion
    Replies: 17
    Last Post: 16 Nov 2007, 4:57 AM

Thread Participants: 4