<%@ Page Language="C#" AutoEventWireup="true" CodeFile="uploadfile.aspx.cs" Inherits="map_uploadfile" %> <!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 src="../select/js/jquery-123.js" mce_src="select/js/jquery-123.js" type="text/javascript"></mce:script> <mce:style type="text/css"><!-- #newPreview { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale); } --></mce:style><style type="text/css" mce_bogus="1"> #newPreview { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale); } </style> <mce:script type="text/javascript" language="javascript"><!-- function ShowImage(path){ //处理前是原图,先将其隐藏, document.all.divShow.style.visibility = "hidden"; document.all.divShow.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = path; document.all.divShow.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").sizingMethod = "image"; //过一小会获取div的宽高. setTimeout("setImg(document.all.divShow)",100); } function setImg(o) { var width_img; var height_img; o.style.visibility = "visible"; width_img=o.offsetWidth; height_img=o.offsetHeight; var width=700; //预定义宽 var height=700; //预定义高 var ratW; //宽的缩小比例 var ratH; //高的缩小比例 var rat; //实际使用的缩小比例 if(width_img<width && height_img<height) { //如果比预定义的宽高小,原图显示。 o.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").sizingMethod = "image"; return; }else{ //如果大的化,要把 sizingMethod改成scale 如果属性是image,不管怎么改div的宽高,都不起作用 o.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").sizingMethod = "scale"; } ratH=height/height_img; ratW=width/width_img; if(ratH<ratW) //选择最小的作为实际的缩小比例 rat=ratH; else rat=ratW; width_img=width_img * rat; height_img=height_img * rat; o.style.width=width_img; o.style.height=height_img; } // function PreviewImg(imgFile) //{ // if(navigator.appName == "Microsoft Internet Explorer") // { // if(navigator.appVersion.match(/7./i)=='7.') // { // var newPreview = document.getElementById("newPreview1"); // newPreview.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = imgFile.value; // } // else // { // document.getElementById("div1").style.display="block"; // var newPreview = document.getElementById("newPreview"); // newPreview.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = imgFile.value; // newPreview.src=imgFile.value; // } // } // else // { // document.getElementById("div1").style.display="block"; // var newPreview = document.getElementById("newPreview"); // newPreview.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = imgFile.value; // newPreview.src=imgFile.value; // } //} // --></mce:script> <mce:style type="text/css"><!-- #newPreview1 { FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale) } --></mce:style><style type="text/css" mce_bogus="1">#newPreview1 { FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale) }</style> </head> <body> <form id="form1" runat="server"> <div> <table> <tr> <td> 源文件: </td> <td> <asp:FileUpload ID="FileUpload1" runat="server" onchange="ShowImage(this.value)" /> (只能上传jpg,png格式的文件)<%--onchange="PreviewImg(this)"--%> </td> </tr> <tr> <td> </td> <td> <asp:CheckBox ID="CheckBox1" runat="server" Text="清空标注" /> <asp:Button ID="bnt_upload" runat="server" Text="上传地图" OnClick="bnt_upload_Click" /> </td> </tr> <tr> <td> </td> <td> <div id="divShow" style="FILTER:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=image);WIDTH:274px;HEIGHT:100px"> </div> <%--<div id="newPreview1" style="overflow:visible; width:80px; height:60px;"></div> <div style="display:none;" mce_style="display:none;" id="div1"> <img id="newPreview" /> </div>--%> </td> </tr> </table> </div> </form> </body> </html>