<rt id="bn8ez"></rt>
<label id="bn8ez"></label>
  • 

    • <span id="bn8ez"></span>
    

    <label id="bn8ez"><meter id="bn8ez"></meter></label>
    

    
    

    




    







												


        




    
	
		
		
    

隨筆-295 
評論-26 
文章-1 
trackbacks-0

    
	

    

    
	
					


    
	
	
		
		
    
				
    在 IE6 中，可以很方便地利用 img 的 src 屬性，實現本地圖片預覽，然而在 IE7 中，這種辦法卻行不通。需要用 AlphaImageLoader。
    
				
    
				
    
						AlphaImageLoader
				
    
				
    
						說明：
				
    
				
    在對象容器邊界內，在對象的背景和內容之間顯示一張圖片。并提供對此圖片的剪切和改變尺寸的操作。如果載入的是PNG(Portable Network Graphics)格式，則0%-100%的透明度也被提供。
    
				
    
						語法：
				
    
				
    filter : progid:DXImageTransform.Microsoft.AlphaImageLoader ( enabled=bEnabled , sizingMethod=sSize , src=sURL ) 
    
				
    
						enabled：可選項。布爾值(Boolean)。設置或檢索濾鏡是否激活。
    true：默認值。濾鏡激活。 
    false：濾鏡被禁止。
    
				
    
						sizingMethod：可選項。字符串(String)。設置或檢索濾鏡作用的對象的圖片在對象容器邊界內的顯示方式。
    crop：剪切圖片以適應對象尺寸。 
    image：默認值。增大或減小對象的尺寸邊界以適應圖片的尺寸。 
    scale：縮放圖片以適應對象的尺寸邊界。
    
				
    
						src：必選項。字符串(String)。使用絕對或相對 url 地址指定背景圖像。假如忽略此參數，濾鏡將不會作用。 
    
				
    
				
    
						具體操作：
				
    
				
      
						
    1. 為預覽區域（比如要在某個?div 中預覽）添加樣式：filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale);。 

      2. 
						
    2. 為 AlphaImageLoader 設置 src 屬性。 
      3. 
				
    
				
    
				
    ?
    
				
    
						示例代碼：
    
				
    
				
    
						
						<?
						xml?version="1.0"?encoding="gb2312"
						?>
						
								
    
								
						    
						<!
						DOCTYPE?html?PUBLIC?"-//W3C//DTD?XHTML?1.0?Transitional//EN"?"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
						>
						
								
    
								
						    
						<
						html?
						xmlns
						="http://www.w3.org/1999/xhtml"
						>
						
								
    
								
								
    
								
						    
						<
						head
						>
						
								
    
								
						    
						<
						meta?
						http-equiv
						="Content-Type"
						?content
						="text/html;?charset=gb2312"
						?
						/>
						
								
    
								
						    
						<
						title
						>
						本地圖片預覽代碼（支持?IE6、IE7）
						</
						title
						>
						
								
    
								
								
						    
						<
						style?
						type
						="text/css"
						>
						
						
								
										
    
										#newPreview
    
								
								
										{
										
												
    
												????filter    
										:
										progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale)
										;
										
												
    
												
										    
										}
								    
								
										
    
										
								    
						    
						</
						style
						>
						
								
    
								
								
						    
						<
						script?
						type
						="text/javascript"
						?language
						="javascript"
						>
						
						
								
										
    
										
								    
								<!--
								
										
    
										
								    
								function
								?PreviewImg(imgFile)
    
								
								
										{
    ????    
										//
										原來的預覽代碼，不支持?IE7。
										
												
    
												
										    
										????
										var
										?oldPreview?
										=
										?document.getElementById(
										"
										oldPreview
										"
										);
    ????oldPreview.innerHTML?    
										=
										?
										"
										<img?src=\
										"
										file:\\\\
										"
										?+?imgFile.value?+?
										"
										\
										"
										?width=\
										"
										80
										\
										"
										?height=\
										"
										60
										\
										"
										?/>
										"
										;
    ????
    ????    
										//
										新的預覽代碼，支持?IE6、IE7。
										
												
    
												
										    
										????
										var
										?newPreview?
										=
										?document.getElementById(
										"
										newPreview
										"
										);
    ????newPreview.filters.item(    
										"
										DXImageTransform.Microsoft.AlphaImageLoader
										"
										).src?
										=
										?imgFile.value;
    ????newPreview.style.width?    
										=
										?
										"
										80px
										"
										;
    ????newPreview.style.height?    
										=
										?
										"
										60px
										"
										;
    }    
								    
								
										
    
										
								    
								-->
								
										
    
										
								    
						    
						</
						script
						>
						
								
    
								
						    
						</
						head
						>
						
								
    
								
								
    
								
						    
						<
						body
						>
						
								
    
								
								
    
								
						    
						<
						p
						>
						說明：以下針對的是互聯網情況，如果您在本地作測試，比如輸入的地址是：http://127.0.0.1/，則可以看到全部預覽。
						</
						p
						>
						
								
    
								
								
    
								
						    
						<
						hr?
						/>
						
								
    
								
								
    
								
						    
						<
						p
						>
						如果您使用的是?IE6，則可以看到以下預覽；如果您使用的是?IE7，則看不到以下預覽。
						</
						p
						>
						
								
    
								
						    
						<
						div?
						id
						="oldPreview"
						></
						div
						>
						
								
    
								
								
    
								
						    
						<
						hr?
						/>
						
								
    
								
								
    
								
						    
						<
						p
						>
						不論您使用的是?IE6?還是?IE7，均可以看到以下預覽。
						</
						p
						>
						
								
    
								
						    
						<
						div?
						id
						="newPreview"
						></
						div
						>
						
								
    
								
								
    
								
						    
						<
						hr?
						/>
						
								
    
								
								
    
								
						    
						<
						p
						>
						請選擇一個圖片進行預覽：
						<
						input?
						type
						="file"
						?size
						="20"
						?onchange
						="javascript:PreviewImg(this);"
						?
						/></
						p
						>
						
								
    
								
								
    
								
						    
						</
						body
						>
						
								
    
								
								
    
								
						    
						</
						html
						>
				
    
		
    


    大盤預測
 
國富論
	
    posted on 2007-09-29 13:16 華夢行 閱讀(2707) 評論(4)  編輯  收藏  
    

    







    
	    
    


    
評論:

    
	

		
    
			
    
			# re: 本地圖片預覽代碼（支持 IE6、IE7） 
				2008-02-26 15:48 | flyboy2
    
				
    如何實現預覽圖片的尺寸與原文件尺寸一樣呢？！  回復  更多評論
      
    
			
    
			
			
		
    
	
		
    
			
    
			# re: 本地圖片預覽代碼（支持 IE6、IE7） 
				2008-02-27 19:22 | huamengxing
    
				
     function  PreviewImg(imgFile)

      {

         // 原來的預覽代碼，不支持 IE7。 

          var  oldPreview  =  document.getElementById( " oldPreview " );

        oldPreview.innerHTML  =   " <img src=\ " file:\\\\ "  + imgFile.value +  " \ "  width=\ " 80 \ "  height=\ " 60 \ "  /> " ;

        

         // 新的預覽代碼，支持 IE6、IE7。 

          var  newPreview  =  document.getElementById( " newPreview " );

        newPreview.filters.item( " DXImageTransform.Microsoft.AlphaImageLoader " ).src  =  imgFile.value;

        newPreview.style.width  =   " 80px " ;

        newPreview.style.height  =   " 60px " ;

    } 

     --> 

      回復  更多評論
      
    
			
    
			
			
		
    
	
		
    
			
    
			# re: 本地圖片預覽代碼（支持 IE6、IE7） 
				2008-11-03 12:42 | ss
    
				
    用try{IE7}catch(err){
    IE6
    }  回復  更多評論
      
    
			
    
			
			
		
    
	
		
    
			
    
			# re: 本地圖片預覽代碼（支持 IE6、IE7） 
				2011-11-07 12:25 | asdas
    
				
    [size=2][color=#000000][align=center][table=550,#cccc99][tr][td][/td][/tr][/table][/align][align=center][table=550,#f7f7f7][tr][td][table=540,#f7f7f7][tr][td]

    

    [align=center][table=480,#ffffcc][tr][td][align=center][font=Impact][size=3][color=black]sprout.5d6d.com[[size=2]代碼分享[/size]][/color][/size][/font][/align][/td][/tr][tr][td][/td][/tr][/table]

    

    [font=Impact]

    [size=2][color=black][/color][/size][/font][table=250,white][tr][td][align=center][font=Impact][size=2][color=black]播放器[size=3]or56[/size]相冊[/color][/size][/font][/align][/td][/tr][tr][td][/td][/tr][/table]

    

    

    

    [align=center][table=480,#ffffcc][tr][td][align=center][font=Impact][size=3][color=black]sprout.5d6d.com[[size=2]整段歌詞[/size]][/color][/size][/font][/align][/td][/tr][tr][td][/td][/tr][/table][/align]

    

    

    [align=center]

    [font=Impact]

    [size=2][color=black][/color][/size][/font][table=250,white][tr][td][align=center][font=Impact][size=2][color=black]擺個下載[/color][/size][/font][/align][/td][/tr][tr][td][/td][/tr][/table]

    

    

    

    

    [/align]

    [/td][/tr][/table][/align][/td][/tr][/table][/align][align=center][table=550,#cccc99][tr][td][/td][/tr][/table][/align][align=center][table=550,#cccc99][tr][td][/td][/tr][/table][/align][align=center][table=550,#cccc99][tr][td][/td][/tr][/table][/align]

    [/color][/size]  回復  更多評論
      
    
			
    
			
			
		
    
	








    





    


    

	
    
		
    
				
		
	
		
    
		
		
    只有注冊用戶登錄后才能發表評論。
    
		
    
			
		
    
			
		
    
		
		
    
		


    

		    		
		
    
		
    			
		
		
		
		
    
		
    
		
		
    
		
    
			網站導航:
		
		
    
		
    
			
		
    	
		
    
			 
		
    
		
    
			
		
    
		
    
			
				
		
    		
	
    	

    



    

				

    







    







    
        
	



主站蜘蛛池模板：
亚洲av成人无码久久精品|
久久久综合亚洲色一区二区三区|
国产亚洲人成在线播放|
国产精品亚洲玖玖玖在线观看|
特级做A爰片毛片免费看无码
|
亚洲国产av无码精品|
国产午夜精品久久久久免费视
|
一二三四在线观看免费高清中文在线观看
|
亚洲精品亚洲人成在线观看下载|
久久这里只精品国产免费10|
亚洲fuli在线观看|
免费国产美女爽到喷出水来视频|
久久久久国产精品免费网站|
亚洲色欲色欲www在线播放
|
亚洲熟妇av一区二区三区下载|
免费A级毛片无码A∨男男|
久久久99精品免费观看|
在线精品自拍亚洲第一区|
久久亚洲伊人中字综合精品|
日韩免费观看视频|
久久永久免费人妻精品下载
|
黄色永久免费网站|
一区二区三区免费看|
亚洲午夜一区二区电影院|
最新精品亚洲成a人在线观看|
免费看黄视频网站|
国产免费AV片在线观看
|
美女网站免费福利视频|
黄 色一级 成 人网站免费|
亚洲成a人片在线看|
亚洲AV无码成人网站久久精品大|
国产人妖ts在线观看免费视频|
精品成在人线AV无码免费看
|
久久久久国产精品免费看|
人妻巨大乳hd免费看|
亚洲日韩精品国产一区二区三区|
亚洲三级电影网址|
亚洲综合色婷婷七月丁香|
国产成人青青热久免费精品|
在线a级毛片免费视频|
免费人成黄页在线观看日本|