Ext中图片上传预览的问题，困扰了好几天终于解决了，记录下

{
columnWidth:.50,
xtype:'textfield',
style:"padding-top:5px",
name:'goodsMainPhoto',
id:'goodsMainPhoto',
inputType:'file',
//labelAlign:'center'//fieldlabel的排列位置，默认为"left"，其他两个枚举值是"center","right"
listeners : {
'render':function(){
var logoFileCmp = Ext.get('goodsMainPhoto');
logoFileCmp.on('change',function(){
// var picPath = logoFileCmp.getValue();
// var url = 'file://c:\\' + picPath;
// alert(url);
// if(Ext.isIE){
// var image = Ext.get('logoPic').dom;
// image.src = Ext.BLANK_IMAGE_URL;
// image.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = url;
// }else{
// //支持FF
// Ext.get('logoPic').dom.src =Ext.get('goodsMainPhoto').dom.files.item(0).getAsDataURL();
// }
//firefox7+以后版本，file控件已经不支持getAsDataURL，如果调用file.files.item(0).getAsDataURL()方法会
25 //出现file.files.item(0).getAsDataURL is not a function错误。firefox6-一下的浏览器还是继续支持getAsDataURL方法。所以用如下方法
var oFReader = new FileReader();
27 oFReader.readAsDataURL(document.getElementById("goodsMainPhoto").files[0]);
28 oFReader.onload = function (oFREvent) {
29 document.getElementById("logoPic").src = oFREvent.target.result;
};
});
}
}
},{
// style:"padding-left:50px",
// xtype : 'label',
// html : '<img id="im" src="txjyw/image/defaultPhoto.jpg" height=80 width=80/>'
xtype : 'box',
id : 'logoPic',
width : 80,
height : 80,
autoEl : {
tag : 'img',
src : "txjyw/image/defaultPhoto.jpg"
//style : 'filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale);'
}
}