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);'
                 }
             }