extjs4.2:
items:[
{
id: 'imgpath1',
xtype: 'filefield',
name: 'myfile',
fieldLabel: '文件',
labelWidth: 40,
margin: '0 0 5 10',
// width:250,
emptyText: '上传文件',
buttonText: '选择',
blankText: '文件不能为空',
msgTarget: 'side',
listeners: {
'change': function(btn, value){
uploadFile(1);
}
}
方法如下:
function uploadFile(i){
$.ajaxFileUpload({
type: "POST",
url: path+'/library/inputAppFile',
secureuri : false,//是否启用安全提交,默认为false
fileElementId:'imgpath' + i,//文件选择框的id属性
dataType: 'content',//服务器返回的格式(如果为json走不进success方法)
async : true,
success: function(data){
var result = eval ("(" + data+ ")");
if(result.result == 'success'){
alert("上传成功!");
}else if(data.result == 'error'){
alert("上传失败!");
}
}
});
Ext.getCmp("msgSendPanelId").doLayout();//这个很重要
}
ajaxFileUpload.js文件
jQuery.extend({
createUploadIframe: function(id, uri)
{
//create frame
var frameId = 'jUploadFrame' + id;
if(window.ActiveXObject) {
var io = document.createElement('<iframe id="' + frameId + '" name="' + frameId + '" />');
if(typeof uri== 'boolean'){
io.src = 'javascript:false';
}
else if(typeof uri== 'string'){
io.src = uri;
}
}
else {
var io = document.createElement('iframe');
io.id = frameId;
io.name = frameId;
}
io.style.position = 'absol