网路广告,变成了 Internet 上的热门学问。而 468x60 更变成了广告人员绞尽脑汁的尺寸。
在处理广告时,若能直接使用浏览器将广告的 468x60 图档送到处理广告的伺服器中,相信是件很舒服的事,不用再开 FTP 程式,搞大半天只为了 upload。
这个问题,是所有 Web CGI 程式的痛,包括 ASP、Prel....等等,都需要再经过系统元件的增加才能达成。号称最强的 Web CGI 程式: PHP,在这方面的表现没有令人失望,甚至傲视其它的 CGI 工具。
File Upload 功能在 RFC 1867 文件有有详细的说明,是利用特殊的文件格式(content-type) multipart/form-data。值得注意的是浏览器一定要用 Netscape 3.0以上或 MS Internet Explorer 4.0 以上的版本才能将档案上传。
先看下面的 HTML 原始码
<form enctype="multipart/form-data" action="next.PHP"
method=post>
您的大名: <input type=text name=user><br>
档案名称: <input name="myfile" type="file"><br>
<input type="submit" value="送出">
</form>
在 form 的标签中,要加入 enctype="multipart/form-data" 的字串,表示使用者输入的资料上有档案上传,同时 method 一定要用 POST 而不能用 GET。
在上面的码中,若使用者姓名填入 Wilson Peng,并选 c:\myphoto.gif 的档案,在使用者按下送出键后,浏览器则传送出下面的 POST 资料。
Content-type: multipart/form-data, boundary=AaB03x
--AaB03x
content-disposition: form-data; name="user"
Wilson Peng
--AaB03x
content-disposition: form-data; name="myfile"
Content-type: multipart/mixed, boundary=BbC04y
--BbC04y
Content-disposition: attachment; filename="myphoto.gif"
Content-type: image/gif
Content-Transfer-Encoding: binary
...myphoto.gif 内容略...
--BbC04y--
--AaB03x--
看到上面的资料中,boundary=AaB03x 即为分开不同栏位资料的讯息,其中的AaB03x 编码方法,视浏览器的版本不同而异,通常是浏览器杂凑产生的。之后就可以
看到用 --AaB03x 来隔开不同的栏位。
以上面为例,处理 form 的 action 程式 next.PHP,会主动产生四个变数,见下表
变数名 说明
$myfile 即上传的档案内容
$myfile_name 上传档案在使用者端的名称
$myfile_size 上传档案的大小
$myfile_type 上传档案的格式,如 "image/gif"
在 next.PHP 程式要做的最重要动作,就是好好的使用这四个变数,否则程式一结束,使用者上传的档案就消失了。因此,要先将 $myfile 复制到存放广告图的目录中
copy($Banner,"/home1/biglobe3/ad/".$Banner_name);
这行程式就是将档案存在 /home/htdocs/ad 的目录中,就上面的例子而言,就将档案存到 /home/htdocs/ad/myphoto.gif。重要的是,存放的目录不能是 WebServer 无法读到的目录,而应放在网站的 Homepage 所在目录中,才可以在网路上看到。
或许程式要更细部的处理,例如比对取得的档案大小与系统回报的是否相同...,等等,就可以用 $myfile_size 变数了。
若在 form 中设定 input file 的名称改掉,则在 Upload 的变数也一起改,如
<input name="upfile" type="file">
则变数就改成 $upfile、$upfile_name、$upfile_size、与 $upfile_type。
因此,下面的例子就利用 File Upload 及 Oracle 7.x 后端资料库,将档案放在 Web Homepage 目录中,相关资讯则存在 Oracle 中。当然,加上使用者认证,让有帐号的使用者才能上传图片,可避免刽客 (cracker) 等将不雅或不适当的广告上传。例中有关资料库的设定和 5.4 留言版的设定相同。
<HTML>
<head>
<?PHP
// adadd.PHP
if (($Banner=="") and ($url=="")) {
?>
<title>新增广告</title>
</head>
<body>
加权值数字愈大,图片出现的机率就愈高,内定值为 1。
<FORM ENCTYPE="multipart/form-data" ACTION="adadd.PHP"
METHOD=POST>
<table border=0>
<tr><td align=right>广告 Banner: </td><td><input name=Banner
TYPE="file"></td></tr>
<tr><td align=right>广告网址 URL: </td><td><input name=url
type=text size=30></td></tr>
<tr><td align=right>辅助字串 ALT: </td><td>&