换网站Logo图片---轻开电子商务系统(企业入门级B2C网站)

一共2个文件:

  1. 显示及上传文件:site/links/img_logo.html
  2. 保存图片文件:site/links/img_logo_up1.chtml

轻开电子商务系统(企业入门级B2C网站)的site/links/目录下

显示及上传文件:site/links/img_logo.html

显示Logo图片

<img src="@{sys:path}images/menu/logo.jpg" border=1>
提交上传文件的表单(提交到img_logo_up1.chtml

<form id=save action="@{sys:face}site/links/img_logo_up1.chtml" onsubmit="return false;" target=_self method=post enctype="multipart/form-data">
	...
</form>
选择图片的input(注意图片宽高)
<tr><td><font class=actTitle>新  图  片</font></td><td><INPUT name=IMAGE size=32 type=file>(283px × 51px)</td></tr>
提交校验的JS函数
var save = document.forms['save'];
doSubmit = function ()
{
	var str = save['IMAGE'].value.toLowerCase();
	if(str!="")
	{
		str = str.substring(str.length-4);
		if(str!='.jpg')
		{alert("只能用 jpg 图片");return;}
	}
	else{
		alert("必需上传图片!");
		return;
	}
	save.submit();
}
保存操作
	<if x="@{sys:canDo}">
		<div align=right x=true><a href="javascript:doSubmit()" title="保存新图片!">[保存]</a>  </div>
	</if>
效果

全部代码

<html>
<title>换静态图片</title>
<link href="@{sys:path}base/css/system.css" rel="stylesheet" type="text/css">
<BODY leftMargin="0" topMargin="0" scroll="no" MARGINWIDTH="0" MARGINHEIGHT="0">
<LINK href="@{sys:path}base/css/main.css" type="TEXT/CSS" rel="STYLESHEET">
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
	<TR vAlign=top>
	<TD style="BACKGROUND-REPEAT: repeat-x" background="@{sys:path}images/Title2.gif">
		<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
			<TR vAlign=top>
			<TD height=32 style="BACKGROUND-REPEAT: no-repeat" noWrap width="100%" class="GAP1">
			<P style="MARGIN-LEFT: 2px; MARGIN-RIGHT: 3px"><IMG height=9 src="@{sys:path}images/k7.gif" width=9 align=absMiddle> 换静态图片</P></TD></TR></TABLE>
	</TD>
	<TD width=10 class="GAP1"><IMG height=21 src="@{sys:path}images/Title3.gif" width=16></TD>
<chtml><Bag id=sys><we name=NodeID>a0</we></Bag><!-- 栏目节点 --></chtml>
<chtml file="base/ac/checkAcl.htm"/><!-- 引入权限检查文件 -->
	<TD style="BACKGROUND-REPEAT: repeat-x" vAlign=bottom width="100%" background="@{sys:path}images/Title4.gif">
	<chtml>
	<if x="@{sys:canDo}">
		<div align=right x=true><a href="javascript:doSubmit()" title="保存新图片!">[保存]</a>  </div>
	</if>
	</chtml>
	</TD>
	</TR>
</TABLE>
<table width=99% align=center border=1 cellpadding="3" cellspacing="0" style="border-collapse:collapse;font-size:12px">
<tr><th colspan=2>.<font class=listTitle>Logo</font>.</th></tr>
<form id=save action="@{sys:face}site/links/img_logo_up1.chtml" onsubmit="return false;" target=_self method=post enctype="multipart/form-data">
	<input type=hidden name=reUrl value="site/links/img_logo.html">
	<tr><td colspan=2 align=center><img src="@{sys:path}images/menu/logo.jpg" border=1></td></tr>
	<tr><td><font class=actTitle>新  图  片</font></td><td><INPUT name=IMAGE size=32 type=file>(283px × 51px)</td></tr>
</form>
</table>
</BODY>
</html>
<script>
var save = document.forms['save'];
doSubmit = function ()
{
	var str = save['IMAGE'].value.toLowerCase();
	if(str!="")
	{
		str = str.substring(str.length-4);
		if(str!='.jpg')
		{alert("只能用 jpg 图片");return;}
	}
	else{
		alert("必需上传图片!");
		return;
	}
	save.submit();
}
</script>
保存图片文件:site/links/img_logo_up1.chtml
保存上传的Logo图片(就一行代码,相当Easy)
<file value="@{pPage:IMAGE}" islast>images/menu/logo.jpg</file>
成功后返回
		<script>
			alert("修改成功!");location.href='@{sys:face}site/links/img_logo.html';
		</script>
无权限时提示并返回
<script>alert("您没有权限!");location.href='@{sys:face}site/links/img_logo.html'</script>
全部代码
<html>
<!-- 栏目节点 -->
<chtml><Bag id=sys><we name=NodeID>a0.0</we></Bag></chtml>
<chtml file="base/ac/checkAcl.htm"/><!-- 引入权限检查文件 -->
<chtml>
<if x="@{sys:canDo}" else=1>
<we x=true>
<file value="@{pPage:IMAGE}" islast>images/menu/logo.jpg</file>
<script>
alert("修改成功!");location.href='@{sys:face}site/links/img_logo.html';
</script>
</we>
<script>alert("您没有权限!");location.href='@{sys:face}site/links/img_logo.html'</script>
</if>
</chtml>
</html>

两个文件都在轻开电子商务系统(企业入门级B2C网站)的site/links/目录下,实际代码跟上边介绍的略有不同,您能看出来不!大笑

轻松互联网开发平台(Easy Do IT)资源下载

开发实例:企业入门级B2C电子商务网站(含轻开源码),免费下载:http://download.csdn.net/detail/tx18/8818883

轻开平台(技术QQ群:460801944)会不定期升级为大家提供更多强大而Easy的功能,请留意下载最新的版本

阅读更多
版权声明:本文为博主原创文章,博主允许自由转载。 https://blog.csdn.net/tx18/article/details/46675935
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

不良信息举报

换网站Logo图片---轻开电子商务系统(企业入门级B2C网站)

最多只允许输入30个字

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭