上传图片前预览图片

上传图片前预览

 

<!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 runat="server"> <title>无标题页</title> <mce:script type="text/javascript"><!-- function PriveImage() { var ua = navigator.userAgent.toLowerCase(); var fil = document.getElementById("dd"); alert(ua); if(ua.indexOf("msie") > -1) { document.getElementById("img").style.display="block"; document.getElementById("u2").style.display="none"; fil.select(); document.getElementById("img").filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = document.selection.createRange().text; }else if(ua.indexOf("firefox") > -1){ if (fil.files) { try { document.getElementById("img").style.display="none"; document.getElementById("u2").style.display="block"; document.getElementById('u2').src= fil.files[0].getAsDataURL() }catch (err) {} } } } // --></mce:script> </head> <body> <form id="form1" runat="server"> <div> <input type="file" id="dd" onchange="PriveImage()" /><br /> <div id="img" style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale);width:100px;height:100px;display:none;"></div> <img id="u2" style="width:100px;height:100px;"/> </div> </form> </body> </html>

你可能感兴趣的:(XHTML,server,function,filter,div,firefox)