📄 image.aspx

📁 自行开发的考核系统的后台数据库为sql2000。解压后是3个文件
💻 ASPX
字号:
<%@ Page language="c#" Codebehind="image.aspx.cs" AutoEventWireup="false" Inherits="Web_Exam.image" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<HTML>
	<HEAD>
		<title>image</title>
		 <base target="_self">   
  <%Response.Expires=-1;%>  
		<LINK href="htm.css" type="text/css" rel="stylesheet">
			<script language="JavaScript">
function checkchange()
{
	if (document.getElementById('chkSize').checked){
		document.getElementById('width').disabled=false;
		document.getElementById('height').disabled=false;
	}
	else{	
	   document.getElementById('width').disabled=true;
	   document.getElementById('height').disabled=true;
	   document.getElementById('width').value = "";
	   document.getElementById('height').value = "";
	   showimage();
	}
}

function showimage(){
	sFromUrl = document.getElementById('UploadFile').value;
	sBorder = document.getElementById('border').value;
	sAlign = document.getElementById('aligntype').value;
	sWidth = document.getElementById('width').value;
	sHeight = document.getElementById('height').value;
	var sHTML = '<img src="'+sFromUrl+'" border="'+sBorder+'" align="'+sAlign+'"';
	if (sWidth!=""){
		sHTML=sHTML+' width="'+sWidth+'"';
	}
	if (sHeight!=""){
		sHTML=sHTML+' height="'+sHeight+'"';
	}
	sHTML = sHTML+' />';
	if (sFromUrl.length<10) sHTML='';
	document.getElementById('showimage').innerHTML = sHTML;
}

function image(Url){
var imghtml="";
var sUrl = Url;
var sAlign = document.getElementById('aligntype').value;
var sAltText = document.getElementById('alttext').value;
var sBorder = document.getElementById('border').value;
var bchkSize = document.getElementById('chkSize').checked;
var sWidth = document.getElementById('width').value;
var sHeight = document.getElementById('height').value;

if (sUrl=="" || sUrl=="http://") return;
sType=sUrl.substring(sUrl.length-3,sUrl.length).toLowerCase();
if (sType=="jpg" || sType=="gif"){
  imghtml += "<img src='"+sUrl+"' align='"+sAlign+"'";
  if (sAltText != "") imghtml += " alt='" + sAltText + "'";
  if (sBorder != "") imghtml += " border='" + sBorder + "'";
  if (bchkSize){
    if (sWidth != "") imghtml += " width='" + sWidth + "'";
	if (sHeight != "") imghtml += " height='" + sHeight + "'";
	}
  imghtml += ">";
  window.returnValue = imghtml;
  }
window.close();
}
			</script>
	</HEAD>
	<body>
		<form method=post runat=server encType="multipart/form-data" ID="Form1">
			<table cellSpacing="0" cellPadding="0" border="0">
				<tr>
					<td>
						<FIELDSET align="left">
							<LEGEND align="left">插入图片</LEGEND>
							<table width="400" align="center" border="0">
								<tr>
									<td align="left" height="30">URL</td>
									<td align="left" colSpan="3" height="30"><INPUT id="UploadFile" type="file" size="40" name="UploadFile" runat="server" onchange="showimage()"></td>
								</tr>
								<tr>
									<td align="left" width="15%">替换文字</td>
									<td align="left" width="35%" height="30"><input id="alttext" type="text" size="18" name="alttext"></td>
									<td width="15%">对齐方式</td>
									<td width="35%" height="30"><select id="aligntype" onchange="showimage();" name="aligntype">
											<option value="" selected>默认</option>
											<option value="left">左对齐</option>
											<option value="right">右对齐</option>
											<option value="top">顶边对齐</option>
											<option value="texttop">文字上方</option>
											<option value="middle">相对垂直居中</option>
											<option value="absmiddle">绝对垂直居中</option>
											<option value="baseline">基线</option>
											<option value="bottom">相对底边对齐</option>
											<option value="absbottom">绝对底边对齐</option>
											<option value="center">居中</option>
										</select></td>
								</tr>
								<tr>
									<td align="left">图片大小</td>
									<td align="left" height="30"><input id="chkSize" type="checkbox" onchange="checkchange();" value="checkbox" name="chkSize">
										<label for="chkSize">指定大小</label></td>
									<td>边框粗细</td>
									<td height="30"><input onkeypress="event.returnValue=(event.keyCode>=48)&amp;&amp;(event.keyCode<=57);"
											onpaste="return !clipboardData.getData('text').match(/\D/)" id="border" type="text" size="5" value="0"
											name="border"> 像素</td>
								</tr>
								<tr>
									<td align="left">宽</td>
									<td align="left" height="30"><input onkeypress="event.returnValue=(event.keyCode>=48)&amp;&amp;(event.keyCode<=57);"
											onpaste="return !clipboardData.getData('text').match(/\D/)" id="width" disabled type="text" onchange="showimage();"
											size="5" name="width"> 像素
									</td>
									<td>高</td>
									<td><input onkeypress="event.returnValue=(event.keyCode>=48)&amp;&amp;(event.keyCode<=57);"
											onpaste="return !clipboardData.getData('text').match(/\D/)" id="height" disabled type="text"
											onchange="showimage();" size="5" name="height"> 像素</td>
								</tr>
								<tr>
									<td align="center" colSpan="4" height="40"><input class="button" id="cmdOK" type="button" value="确定" name="cmdOK"
											runat="server"> &nbsp; <input class="button" id="close" onclick="window.close();" type="button" value="取消" name="close"></td>
								</tr>
							</table>
						</FIELDSET>
					</td>
				</tr>
			</table>
			<table cellSpacing="0" cellPadding="0" border="0">
				<tr>
					<td>
						<FIELDSET align="left">
							<LEGEND align="left">图片预览</LEGEND>
							<table cellSpacing="0" cellPadding="0" width="400" border="0">
								<tr>
									<td id="showimage" height="150"></td>
								</tr>
							</table>
						</FIELDSET>
					</td>
				</tr>
			</table>
		</form>
	</body>
</HTML>
⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -