📄 img.aspx

📁 这个是个未完成品演示地址：http://www.yyzyq.com 仅以此例给正在学习编程爱好.net的朋友希望能给大家带来帮助
💻 ASPX
字号:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="img.aspx.cs" Inherits="Editor_include_img" %>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<HTML>
	<HEAD>
		<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
		<meta HTTP-EQUIV="Expires" CONTENT="0">
		<title>插入图片-永远在一起论坛(http://www.yyzyq.com)</title>
		<Link rel="stylesheet" type="text/css" href="pop.css">
			<script language="JavaScript">
var sAction = "INSERT";
var sTitle = "插入";
var oControl;
var oSeletion;
var sRangeType;
var sFromUrl = "http://";
var sAlt = "";
var sBorder = "0";
var sBorderColor = "#000000";
var sFilter = "";
var sAlign = "";
var sWidth = "";
var sHeight = "";
var sVSpace = "";
var sHSpace = "";
var sCheckFlag = "file";

oSelection = dialogArguments.oEditor.document.selection.createRange();
sRangeType = dialogArguments.oEditor.document.selection.type;

if (sRangeType == "Control") {
	if (oSelection.item(0).tagName == "IMG"){
		sAction = "MODI";
		sTitle = "修改";
		sCheckFlag = "url";
		oControl = oSelection.item(0);
		sFromUrl = oControl.src;
		sAlt = oControl.alt;
		sBorder = oControl.border;
		sAlign = oControl.align;
		sWidth = oControl.width;
		sHeight = oControl.height;
	}
}

document.write("<title>50507_com多功能编辑器--图片属性（" + sTitle + "）</title>");

// 初始值
function InitDocument(){
	SearchSelectValue(document.form1.d_align, sAlign.toLowerCase());
	document.form1.d_fromurl.value = sFromUrl;
	document.form1.d_border.value = sBorder;
	document.form1.d_width.value = sWidth;
	document.form1.d_height.value = sHeight;
	showimages();
}

// 搜索下拉框值与指定值匹配，并选择匹配项
function SearchSelectValue(o_Select, s_Value){
	for (var i=0;i<o_Select.length;i++){
		if (o_Select.options[i].value == s_Value){
			o_Select.selectedIndex = i;
			return true;
		}
	}
	return false;
}

// 本窗口返回值
function ReturnValue(){
	sFromUrl = document.form1.d_fromurl.value;
	sBorder = document.form1.d_border.value;
	sAlign = document.form1.d_align.value;
	sWidth = document.form1.d_width.value;
	sHeight = document.form1.d_height.value;
	if (sAction == "MODI") {
		oControl.src = sFromUrl;
		oControl.alt = sAlt;
		oControl.border = sBorder;
		oControl.align = sAlign;
		oControl.width = sWidth;
		oControl.height = sHeight;
	}else{
		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='';}
	window.returnValue = sHTML;
	window.close();
}

function showimages(){
	sFromUrl = document.form1.d_fromurl.value;
	sBorder = document.form1.d_border.value;
	sAlign = document.form1.d_align.value;
	sWidth = document.form1.d_width.value;
	sHeight = document.form1.d_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 ok(){
	// 数字型输入的有效性
	document.form1.d_border.value = ToInt(document.form1.d_border.value);
	document.form1.d_width.value = ToInt(document.form1.d_width.value);
	document.form1.d_height.value = ToInt(document.form1.d_height.value);
	ReturnValue();
}
// 是否有效颜色值
function IsColor(color){
	var temp=color;
	if (temp=="") return true;
	if (temp.length!=7) return false;
	return (temp.search(/\#[a-fA-F0-9]{6}/) != -1);
}
// 转为数字型，并无前导0，不能转则返回""
function ToInt(str){
	str=BaseTrim(str);
	if (str!=""){
		var sTemp=parseFloat(str);
		if (isNaN(sTemp)){
			str="";
		}else{
			str=sTemp;
		}
	}
	return str;
}
// 转为数字型，并无前导0，不能转则返回""
function ToInt(str){
	str=BaseTrim(str);
	if (str!=""){
		var sTemp=parseFloat(str);
		if (isNaN(sTemp)){
			str="";
		}else{
			str=sTemp;
		}
	}
	return str;
}
// 基本信息提示，得到焦点并选定
function BaseAlert(theText,notice){
	alert(notice);
	theText.focus();
	theText.select();
	return false;
}
// 只允许输入数字
function IsDigit(){
  return ((event.keyCode >= 48) && (event.keyCode <= 57));
}
// 选颜色
function SelectColor(what){
	var dEL = document.all("d_"+what);
	var sEL = document.all("s_"+what);
	var arr = showModalDialog("selcolor.html", "", "dialogWidth:18.5em; dialogHeight:17.5em; status:0; help:0");
	if (arr) {
		dEL.value=arr;
		sEL.style.backgroundColor=arr;
	}
}
// 去空格，left,right,all可选
function BaseTrim(str){
	  lIdx=0;rIdx=str.length;
	  if (BaseTrim.arguments.length==2)
	    act=BaseTrim.arguments[1].toLowerCase()
	  else
	    act="all"
      for(var i=0;i<str.length;i++){
	  	thelStr=str.substring(lIdx,lIdx+1)
		therStr=str.substring(rIdx,rIdx-1)
        if ((act=="all" || act=="left") && thelStr==" "){
			lIdx++
        }
        if ((act=="all" || act=="right") && therStr==" "){
			rIdx--
        }
      }
	  str=str.slice(lIdx,rIdx)
      return str
}
function showimg()
	{
		sFromUrl = document.form1.File1.value;	
	var sHTML = '<img width="200px" src="'+sFromUrl+'" ';	
	sHTML = sHTML+'>';
	if (sFromUrl.length<10){sHTML='';}
	document.getElementById('showimage').innerHTML = sHTML;
	}
			</script>
			<base target="_self">
	</HEAD>
	<BODY bgColor="menu" onload="InitDocument()">
		<form id="form1" method="post" runat="server">
			<TABLE border="0" cellpadding="0" cellspacing="0" align="center" width="97%">
				<TR>
					<TD width="300" valign="top">
						<fieldset>
							<legend>
								图片来源</legend>
							<table border="0" cellpadding="2" cellspacing="0" width="100%">
								<tr>
									<td colspan="5" height="5"></td>
								</tr>
								<tr>
									<td width="2"></td>
									<td width="40" align="right">网络:</td>
									<td width="5"></td>
									<td width="*"><input type="text" id="d_fromurl" style="WIDTH:140px" size="30" value="http://" onkeyup="showimages()" maxlength="1000">
                                        <input type="submit" value='确定' id="Ok" onclick="ok()" style="width: 30px" contenteditable="">&nbsp;<input type="button" value='取消' onclick="window.close();" style="width: 30px"></td>
									<td width="7"></td>
								</tr>
								<tr>
									<td width="2"></td>
									<td width="40" align="right">本地:</td>
									<td width="5"></td>
									<td width="*"><INPUT id="File1" onpropertychange="showimg()" style="WIDTH: 140px; HEIGHT: 18px" type="file"
											size="6" name="File1" runat="server">
										<asp:Button id="btnUpLoad" runat="server" Text="上传" Height="18px"></asp:Button></td>
									<td width="7"></td>
								</tr>
								<tr>
									<td colspan="5" height="5"><FONT face="宋体"></FONT></td>
								</tr>
							</table>
						</fieldset>
						<BR>
						<fieldset>
							<legend>
								图片属性</legend>
							<table border="0" cellpadding="0" cellspacing="0">
								<tr>
									<td colspan="8" height="5"></td>
								</tr>
								<tr>
									<td colspan="8" height="5"></td>
								</tr>
								<tr>
									<td width="2"></td>
									<td width="60" noWrap>边框粗细:</td>
									<td width="5"></td>
									<td width="2"><input type="text" id="d_border" size="10" ONKEYPRESS="event.returnValue=IsDigit();" onkeyup="showimages()" maxlength="4"></td>
									<td width="7"></td>
									<td width="60" noWrap>对齐方式:</td>
									<td width="5"></td>
									<td width="2">
										<select id="d_align" size="1" style="WIDTH:72px" onchange="showimages()">
											<option value='' selected>默认</option>
											<option value='left'>居左</option>
											<option value='right'>居右</option>
											<option value='top'>顶部</option>
											<option value='middle'>中部</option>
											<option value='bottom'>底部</option>
											<option value='absmiddle'>绝对居中</option>
											<option value='absbottom'>绝对底部</option>
											<option value='baseline'>基线</option>
											<option value='texttop'>文本顶部</option>
										</select>
									</td>
								</tr>
								<tr>
									<td colspan="9" height="5"></td>
								</tr>
								<tr>
									<td></td>
									<td width="60" noWrap>图片宽度:</td>
									<td></td>
									<td width="2"><input type="text" id="d_width" size="10" ONKEYPRESS="event.returnValue=IsDigit();" onkeyup="showimages()"
											maxlength="4"></td>
									<td></td>
									<td width="60" noWrap>图片高度:</td>
									<td></td>
									<td width="2"><input type="text" id="d_height" size="10" ONKEYPRESS="event.returnValue=IsDigit();" onkeyup="showimages()"
											maxlength="4"></td>
								</tr>
								<tr>
									<td colspan="8" height="5"></td>
								</tr>
							</table>
                            </fieldset>
					</TD>
					<TD valign="top">
						<fieldset>
							<legend>
								图片预览</legend>
							<table border="0" cellpadding="0" cellspacing="0" height="100%">
								<tr>
									<td height="5"></td>
								</tr>
								<tr>
									<td height="*" id="showimage">
									</td>
								</tr>
								<tr>
									<td height="5"></td>
								</tr>
							</table>
						</fieldset>
					</TD>
				</TR>
			</TABLE>
		</form>
	</BODY>
</HTML>
💿 文件大小 1457 K
👤 上传用户 hndsgzyb
📂 所属分类 Internet/网络编程
🏷️ 相关标签

#yyzyq #http #com #www
⌨️ 快捷键说明

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