【实例描述】在网站中,文件上传是一个必备的组成部分。很多网站都要用到文件的上传,如用户上传自定义的头像、需求方上传需要翻译的原文等。本实例实现了单个图片文件上传和预览效果。
【实现过程】(1)创建脚本文件index.php。在页面上添加表单结构和文件域,以供用户选择图片路径,表单的核心代码如下。
<form action="upload.php?submit=on" method="post" enctype="multipart/form-data"
name="myForm">
请选择上传的图片
<input type="file" name="filename" id="filename" onChange="ok()">
<center>
<font color="red">注意:请上传120*45像素的GIF或者jpg格式的logo图片
</font>
</center>
<input type="hidden" name="MAX_FILE_SIZE" value="30000" />
<input type="submit" name="Submit" value="上传" class='input'>
</form>
(2)创建脚本文件upload.php。添加PHP脚本文件如下。
<?php
header('Content-type:text/html;charset=utf-8'); // 定义页面编码格式
if(!empty(