Ajax PHP边学边练之五图片处理

先上个效果图

Sample6_1.php中创建表单：复制代码代码如下： //显示上传状态和图片div id='showimg'/div //上传文件需要定义enctype，为了显示图片将目标设为上传帧表单id='uploadform '操作='process_upload.php '方法=' post ' enctype=' multipart/form-data ' target=' Upload frame '上传文件：br /输入类型=' file ' id=' my file ' name=' my file '///上传文件输入类型='提交'值=' Submit ' onclick=' uploadimg(文档。getelementbyid(' uploadform ')；返回false'/iframe id='上传帧' name='上传帧' src=' http : process _ upload。PHP ' class=' no show '/iframe/form上传图片函数上传：复制代码代码如下：函数uploadimg(forform){//提交形式。submit()；//在showimg div中显示上传状态设置状态('正在加载.'、“显示img”)；} //上传状态函数函数setStatus(StATe，theObj){ obj=document。getelementbyid(theObj)；if(obj){ obj。inner html=' div class=\ ' bold \ ' ' StATe '/div '；} } process_upload.php提供文件上传功能：复制代码代码如下：php /提供图片类型校验$ allowedtypes=array(' image/JPEG '，' image/pjpeg '，' image/png '，' image/x-png '，' image/gif ')；//文件存放目录$ savefolder=' images//如果有文件上传就开始干活if(isset($ _ FILES[' my FIle ']){//检查上传文件是否符合$ allowedtypes类型if(in _ array($ _ FILES['我的文件'][' type ']，$允许的类型)){ if($ _ FILES['我的文件']['错误']==0){ $ FILER=' $ save folder/' .$ _ FIles[' my FIle '][' name ']；//通过移动上传的文件上传文件if(！move _ uploaded _ FIles($ _ FIles[' my FIle '][' tmp _ name ']，$ FIle)){ echo '上传文件时出错；}其他{?DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www .w3。org/TR/XHTML 1/DTD/XHTML L1-过渡。DTD ' html xmlns=' http://www .w3。org/1999/XHTML ' head script type=' text/JavaScript ' src=' http 3360 functions。js '/脚本/头体！-显示图片- img src='http:PHP echo $文件；onload='doneloading(父级),PHP echo $文件；)'//body /html？php } } } }？上面代码最后部分的完成装载函数就是用来显示图片及修改图片尺寸大小。其中会用到thumb.php，它会在形象目录中生成出源图片的大、中、小三个尺寸，有兴趣可以研究一下。欢迎大家拍砖~文中源码打包下载