subir como tal no, para eso necesitas hacerlo con un lenguaje del lado del servidor como php, jsp, etc... lo que si puedes hacer es colocar el formulariio con un xtype: textfield, con un inputType: 'file' y al formpanel colocarle fileUpload: true... con eso puedes recibir del lado servidor el archivo que escogiste en el formulario y guradarlo donde quieras.

ahhhhhhhhhhhhhhhhhh gracias graciassssss amigoooo...... muchas gracias... una ves del ladoo del servidor ya es facil subir el archivo..

Amigo he probado al subir el archivo pero lastimosamente no lo hace efectivo.... aqui dejo mi codigo para que me ayuden porque cuando envio el formulario no esta recibiendo el archivo del lado del servidor.... de antemano muchas gracias por su ayuda

function cargarclientes(){

this.form = new Ext.form.FormPanel({
url: 'cargar.php',
width:330,
bodyStyle:'margin-left:10px;',
border:false,
waitMsgTarget: true,
labelWidth: 50,
items:[
{xtype:'textfield',fieldLabel:'Archivo', inputType: 'file', fileUpload: true, name:'archivo', width:200, allowBlank:false}

]
});

this.cargar= function()
{

this.form.getForm().submit(
{
waitMsg:'Cargando...',
success: function(f,a)
{
Ext.Msg.show({
title: 'Cargando', //<- el título del diálogo
msg: 'Archivo Cargado Correctamente !!', //<- El mensaje
buttons: Ext.Msg.OK, //<- Boton de Aceptar
icon: Ext.Msg.INFO // <- un ícono de Info
});

//this.form.getForm().reset();
wine.close();

},

failure: function(f,a)
{
Ext.Msg.show({
title: 'Error', //<- el título del diálogo
msg: a.result.errormsg, //<- El mensaje
buttons: Ext.Msg.OK, //<- Boton de Aceptar
icon: Ext.Msg.ERROR // <- un ícono de Info
});
}
}
);//submit
}//cargar


var winc;

if(!winc){

winc = new Ext.Window({


title: '.: Cargar Clientes :.',
bodyStyle: 'padding:10px;background-color:#fff;',
width:315,
height:150,
modal:true,
buttons: [{text:'Cargar',handler:this.cargar,scope:this}],
items:[this.form]
});

}
winc.show(this);
}

esta parte del código : fileUpload: true debes dejarla en el formulario no en el textfield... trata con eso y nos avisas

Nooo amigooo ya lo puse el fileUpload en el form y tampoco funciona aqui dejo mi codigo....

muchas gracias por su ayuda...


function cargarclientes(){

this.form = new Ext.form.FormPanel({
url: 'cargar.php',
width:330,
bodyStyle:'margin-left:10px;',
border:false,
waitMsgTarget: true,
labelWidth: 50,
fileUpload: true,
items:[
{xtype:'textfield',
fieldLabel:'Archivo',
inputType:'file',
name:'archivo',
emptyText: 'Debe seleccionar un archivo',
width:200}
]
});

this.cargar= function()
{

this.form.getForm().submit(
{
waitMsg:'Cargando...',
success: function(f,a)
{
Ext.Msg.show({
title: 'Cargando', //<- el título del diálogo
msg: 'Archivo Cargado Correctamente !!', //<- El mensaje
buttons: Ext.Msg.OK, //<- Boton de Aceptar
icon: Ext.Msg.INFO // <- un ícono de Info
});


winc.close();

},

failure: function(f,a)
{
Ext.Msg.show({
title: 'Error', //<- el título del diálogo
msg: a.result.errormsg, //<- El mensaje
buttons: Ext.Msg.OK, //<- Boton de Aceptar
icon: Ext.Msg.ERROR // <- un ícono de Info
});
}
}
);//submit
}//cargar


var winc;

if(!winc){

winc = new Ext.Window({

title: '.: Cargar Clientes :.',
bodyStyle: 'padding:10px;background-color:#fff;',
width:315,
height:150,
x:50,
y:50,
modal:true,
buttons: [{text:'Cargar',handler:this.cargar,scope:this}],
items:[this.form]
});

}
winc.show(this);
}

Amigos les pido su ayuda ya que necesito cargar un archivo con urgencia y no he podido hacerlo en el anterior mensaje deje mi codigo...

De antemano muchas gracias...

utiliza este plugin:


/*!
* Ext JS Library 3.0+
* Copyright(c) 2006-2009 Ext JS, LLC
* licensing@extjs.com
* http://www.extjs.com/license
*/
Ext.ns('Ext.ux.form');

/**
* <a href="/profile/class">@class</a> Ext&#46;ux&#46;form&#46;FileUploadField
* <a href="/profile/extends">@extends</a> Ext&#46;form&#46;TextField
* Creates a file upload field&#46;
* <a href="/profile/xtype">@xtype</a> fileuploadfield
*/
Ext&#46;ux&#46;form&#46;FileUploadField = Ext&#46;extend(Ext&#46;form&#46;TextField, {
/**
* <a href="/profile/cfg">@cfg</a> {String} buttonText The button text to display on the upload button (defaults to
* 'Browse&#46;&#46;&#46;')&#46; Note that if you supply a value for {@link #buttonCfg}, the buttonCfg&#46;text
* value will be used instead if available&#46;
*/
buttonText&#58; 'Browse&#46;&#46;&#46;',
/**
* <a href="/profile/cfg">@cfg</a> {Boolean} buttonOnly True to display the file upload field as a button with no visible
* text field (defaults to false)&#46; If true, all inherited TextField members will still be available&#46;
*/
buttonOnly&#58; false,
/**
* <a href="/profile/cfg">@cfg</a> {Number} buttonOffset The number of pixels of space reserved between the button and the text field
* (defaults to 3)&#46; Note that this only applies if {@link #buttonOnly} = false&#46;
*/
buttonOffset&#58; 3,
/**
* <a href="/profile/cfg">@cfg</a> {Object} buttonCfg A standard {@link Ext&#46;Button} config object&#46;
*/

// private
readOnly&#58; true,

/**
* <a href="/profile/hide">@hide</a>
* <a href="/profile/method">@method</a> autoSize
*/
autoSize&#58; Ext&#46;emptyFn,

// private
initComponent&#58; function(){
Ext&#46;ux&#46;form&#46;FileUploadField&#46;superclass&#46;initComponent&#46;call(this);

this&#46;addEvents(
/**
* <a href="/profile/event">@event</a> fileselected
* Fires when the underlying file input field's value has changed from the user
* selecting a new file from the system file selection dialog&#46;
* <a href="/profile/param">@param</a> {Ext&#46;ux&#46;form&#46;FileUploadField} this
* <a href="/profile/param">@param</a> {String} value The file value returned by the underlying file input field
*/
'fileselected'
);
},

// private
onRender &#58; function(ct, position){
Ext&#46;ux&#46;form&#46;FileUploadField&#46;superclass&#46;onRender&#46;call(this, ct, position);

this&#46;wrap = this&#46;el&#46;wrap({cls&#58;'x-form-field-wrap x-form-file-wrap'});
this&#46;el&#46;addClass('x-form-file-text');
this&#46;el&#46;dom&#46;removeAttribute('name');

this&#46;fileInput = this&#46;wrap&#46;createChild({
id&#58; this&#46;getFileInputId(),
name&#58; this&#46;name||this&#46;getId(),
cls&#58; 'x-form-file',
tag&#58; 'input',
type&#58; 'file',
size&#58; 1
});

var btnCfg = Ext&#46;applyIf(this&#46;buttonCfg || {}, {
text&#58; this&#46;buttonText
});
this&#46;button = new Ext&#46;Button(Ext&#46;apply(btnCfg, {
renderTo&#58; this&#46;wrap,
cls&#58; 'x-form-file-btn' + (btnCfg&#46;iconCls ? ' x-btn-icon' &#58; '')
}));

if(this&#46;buttonOnly){
this&#46;el&#46;hide();
this&#46;wrap&#46;setWidth(this&#46;button&#46;getEl()&#46;getWidth());
}

this&#46;fileInput&#46;on('change', function(){
var v = this&#46;fileInput&#46;dom&#46;value;
this&#46;setValue(v);
this&#46;fireEvent('fileselected', this, v);
}, this);
},

// private
getFileInputId&#58; function(){
return this&#46;id + '-file';
},

// private
onResize &#58; function(w, h){
Ext&#46;ux&#46;form&#46;FileUploadField&#46;superclass&#46;onResize&#46;call(this, w, h);

this&#46;wrap&#46;setWidth(w);

if(!this&#46;buttonOnly){
var w = this&#46;wrap&#46;getWidth() - this&#46;button&#46;getEl()&#46;getWidth() - this&#46;buttonOffset;
this&#46;el&#46;setWidth(w);
}
},

// private
onDestroy&#58; function(){
Ext&#46;ux&#46;form&#46;FileUploadField&#46;superclass&#46;onDestroy&#46;call(this);
Ext&#46;destroy(this&#46;fileInput, this&#46;button, this&#46;wrap);
},


// private
preFocus &#58; Ext&#46;emptyFn,

// private
getResizeEl &#58; function(){
return this&#46;wrap;
},

// private
getPositionEl &#58; function(){
return this&#46;wrap;
},

// private
alignErrorIcon &#58; function(){
this&#46;errorIcon&#46;alignTo(this&#46;wrap, 'tl-tr', &#91;2, 0&#93;);
}

});

Ext&#46;reg('fileuploadfield', Ext&#46;ux&#46;form&#46;FileUploadField);

// backwards compat
Ext&#46;form&#46;FileUploadField = Ext&#46;ux&#46;form&#46;FileUploadField;



y lo usarias algo así:


{
xtype: 'fileuploadfield',
id: 'form-file',
emptyText: 'Select an image',
fieldLabel: 'Photo',
name: 'photo-path',
buttonText: '',
buttonCfg: {
iconCls: 'upload-icon'
}
}


aqui checa el ejemplo: http://www.extjs.com/deploy/dev/example ... pload.html

Saludos y suerte

Bien muchisimass graciasss stock mirare como me va con el plugin...

Gracias...

Listo....

con la ayuda de stock logre subir el archivo al servidor

muchas gracias...

que bien!!

saludos

hola soy nueva en este foro y estoy aprendiendo a programar en extjs estoy n l mismo dilema no puedo subir un archivo al servidor quiero usar tu plugin pero en verdad no c en donde ubicarlo y como llamarlo por favor m prodrian ayudar de antemano muchas gracias...

necesitas importar el código del plugin a tu html y luego lo utilizas así:


{
xtype: 'fileuploadfield',
id: 'form-file',
emptyText: 'Select an image',
fieldLabel: 'Photo',
name: 'photo-path',
buttonText: '',
buttonCfg: {
iconCls: 'upload-icon'
}
}


saludos

@elcrespo, chingon... ahora ya puedo subir mi archivo , felicidades, mañana subo mi solución, utilizando:

struts
json
extjs
jsp

saludos desde Puebla, México

Hola, realice lo que Crysfel indico en un formulario sencillo, pero me sale mal el boton para cargar el archivo. Adjunto la imagen en donde se ven los errores, si alguien sabe porque ocurre esto les agradezco la ayuda.

creo que tu problema es que no has adjuntado a tu html los css del plugin