上传图片后立即显示代码,Js代码库,德仔网

代码语言

代码分类

【Js】上传图片后立即显示

作者:浩宇 / 发布于2017/2/4/ 855

上传图片后立即显示

JS
//显示图片
        function PreviewImg1(imgFile)
        {
           var pic1 = document.getElementById("pic1");     //pic1为div的id
           pic1.innerHTML = "";
           var imgDiv = document_createElement("div");
           document.body.a(imgDiv);
           imgDiv.style.width ="150px";   
           imgDiv.style.height = "100px";
           imgDiv.style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod= scale)";  
           imgDiv.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src=getPath(imgFile);
           pic1.a(imgDiv); 
       }
 
        function getPath(obj) 
       {   
           if(obj)     
           {      
               if(window.navigator.userAgent.indexOf("MSIE")>=1)       
               {         
                   obj.select();        
                   returndocument.selection.createRange().text;      
               }     
               elseif(window.navigator.userAgent.indexOf("Firefox")>=1)       
               {       
                   if(obj.files)         
               {         
                   returnobj.files.item(0).getAsDataURL();         
               }       
                   returnobj.value;       
               }     
                   returnobj.value;     
           } 
       } 
 
Page页面
<div id="pic1"style="width: 150px; height: 98px; border: 1px solidblack;">
</div>
<span style="height: 40px; padding-top:0px">
    <asp:FileUploadID="FileUpload_pic1" runat="server"CssClass="xianlu" Width="152" />
</span>
 
Page.cs(Load里)
FileUpload_pic1.Attributes.Add("onpropertychange","PreviewImg1(this)");

试试其它关键字

同语言下

可能有用的

浩宇贡献的其它代码(18)