一共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" οnsubmit="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" οnsubmit="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的功能,请留意下载最新的版本