ext 그림 미리 보기 이벤트 트리거 및 IE7에서 그림 미리 보기

2025 단어 MicrosoftIEextF#
먼저 FormPanel에 그림 미리 보기 영역과 그림 선택 구성 요소를 추가합니다

        /**
 	 *  
 	 */
 	this.imageUploadForm = new Ext.form.FormPanel({
 		region: 'east',
 		fileUpload: true,
 		width: 300,
 		split: true,
 		defaultType: 'textfield',
 		bodyStyle: 'align: center;',
 		defaults:{
 			hideLabel: true
 		},
 		items:[{
// 			labelSeparator: '',
 			id:'browseImage',
 			autoCreate:{
 				tag: 'input',
 				type: 'image',
 				src: Ext.BLANK_IMAGE_URL,
                style:'filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale);'
 				name: 'imageBrowse'
 			}
 		},{
 			inputType: 'file',
 			id: 'imageUpload',
 			cls: 'upst'
 		}]
 		
 	});

다음 그림 선택 후 change 이벤트 추가

Global.img_reg=/\.([jJ][pP][gG]){1}$|\.([jJ][pP][eE][gG]){1}$|\.([gG][iI][fF]){1}$|\.([pP][nN][gG]){1}$|\.([bB][mM][pP]){1}$/
    /**
 	 *   
     *   imageUploadForm render Ext.get('imageUpload') 
 	 */
 	this.imageUploadForm.on('render',function(f){
 		this.imageUploadForm.form.findField('imageUpload').on('render',function(){
	 		Ext.get('imageUpload').on('change',function(field,newValue,oldValue ){
	 			var url = 'file:///'+Ext.get('imageUpload').dom.value;
           if(Global.img_reg.test(url)){
								
								if(Ext.isIE7){
		var image = Ext.get('imageBrowse').dom;
image.src = Ext.BLANK_IMAGE_URL;// 
image.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src= url;
								}else{
									Ext.get('imageBrowse').dom.src = url;
								}
							}
	 				 		},this);
 		},this);
 	},this);

좋은 웹페이지 즐겨찾기