File Upload problem

[Kushal Cp]

Hi,
I need to implement File Upload functionality in extjs.I have the client side code as

var fp = new Ext.FormPanel({
renderTo: 'fi-form',
fileUpload: true,
width: 500,
frame: true,
title: 'File Upload Form',
autoHeight: true,
bodyStyle: 'padding: 10px 10px 0 10px;',
labelWidth: 50,
defaults: {
anchor: '95%',
allowBlank: false,
msgTarget: 'side'
},
items: [{
xtype: 'textfield',
fieldLabel: 'Name'
},{
xtype: 'fileuploadfield',
id: 'form-file',
emptyText: 'Select an image',
fieldLabel: 'Photo',
name: 'photo-path',
buttonText: '',
buttonCfg: {
iconCls: 'upload-icon'
}
}],
buttons: [{
text: 'Save',
handler: function(){
if(fp.getForm().isValid()){
fp.getForm().submit({
url: '',
waitMsg: 'Uploading your photo...',
success: function(fp, o){
msg('Success', 'Processed file "'+o.result.file+'" on the server');
}
});
}
}
},{
text: 'Reset',
handler: function(){
fp.getForm().reset();
}
}]
});

In the URL i need to provide alink to the file which uploads the file onto the server. Can anyone provide the server side(servlet) code to implement the functionality ?

[Martin Vanyavchich]

Please use code tags ... I'm guessing, but should this go into a JavaScript forum?

var fp = new Ext.FormPanel({
        renderTo: 'fi-form',
        fileUpload: true,
        width: 500,
        frame: true,
        title: 'File Upload Form',
        autoHeight: true,
        bodyStyle: 'padding: 10px 10px 0 10px;',
        labelWidth: 50,
        defaults: {
            anchor: '95%',
            allowBlank: false,
            msgTarget: 'side'
        },
        items: [{
            xtype: 'textfield',
            fieldLabel: 'Name'
        },{
            xtype: 'fileuploadfield',
            id: 'form-file',
            emptyText: 'Select an image',
            fieldLabel: 'Photo',
            name: 'photo-path',
            buttonText: '',
            buttonCfg: {
                iconCls: 'upload-icon'
            }
        }],
        buttons: [{
            text: 'Save',
            handler: function(){
                if(fp.getForm().isValid()){
	                fp.getForm().submit({
	                    [b][u][color=red]url: '',[/color][/u][/b]
	                    waitMsg: 'Uploading your photo...',
	                    success: function(fp, o){
	                        msg('Success', 'Processed file "'+o.result.file+'" on the server');
	                    }
	                });
                }
            }
        },{
            text: 'Reset',
            handler: function(){
                fp.getForm().reset();
            }
        }]
    });

[Ulf Dittmer]

A servlet utilizing the Apache FileUpload library should do the trick.

[Kushal Cp]

Ulf Dittmer wrote:A servlet utilizing the Apache FileUpload library should do the trick.

Hi Ulf Dittmer, I tried to use it but wasnt sucessful So,can you please provide the source code..?

[Ben Souther]

The documentation on their site includes sample code for using the fileupload library.

[Lawrence Xu]

please to use upload lib such as lib from apache

[Ben Souther]

Lawrence Xu wrote:please to use upload lib such as lib from apache

The fileupload library from Apache is what we are discussing.