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

最新推荐文章于 2024-06-24 15:18:11 发布

原创最新推荐文章于 2024-06-24 15:18:11 发布 · 4.4k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#B2C #电子商务 #互联网 #上传文件 #图片

java 同时被 3 个专栏收录

129 篇文章

订阅专栏

Web开发

124 篇文章

订阅专栏

轻开平台 Easy do it（原WebEasy平台）

117 篇文章

订阅专栏

本文详细介绍了如何在轻开电子商务系统中更换Logo图片的步骤，包括展示现有Logo、上传新Logo图片的表单设置、上传验证以及成功后的页面跳转。同时提供了两个用于保存Logo图片和上传文件的HTML文件示例。

一共2个文件：

显示及上传文件：site/links/img_logo.html
保存图片文件：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/目录下，实际代码跟上边介绍的略有不同，您能看出来不！