在ThinkPHP框架下用AjaxFileUploader插件实现ajax文件上传

在ThinkPHP框架下用AjaxFileUploader插件实现ajax文件上传,支持多种文件格式,页面无刷新上传。

在Lib/Action/目录下创建upAction.class.php文件,代码如下:

display();
}

/*
*@文件上传
*@author	FineYi
*@date		2013-01-23
*/
public function upLoadFile(){
	$error = "";
	$msg = "";
	$fileElementName = 'fileToUpload';
	if(!empty($_FILES[$fileElementName]['error'])){
		switch($_FILES[$fileElementName]['error']){
			case '1':
				$error = 'The uploaded file exceeds the upload_max_filesize directive in php.ini';
				break;
			case '2':
				$error = 'The uploaded file exceeds the MAX_FILE_SIZE directive that was specified in the HTML form';
				break;
			case '3':
				$error = 'The uploaded file was only partially uploaded';
				break;
			case '4':
				$error = 'No file was uploaded.';
				break;

			case '6':
				$error = 'Missing a temporary folder';
				break;
			case '7':
				$error = 'Failed to write file to disk';
				break;
			case '8':
				$error = 'File upload stopped by extension';
				break;
			case '999':
			default:
				$error = 'No error code avaiable';
		}
	}elseif(empty($_FILES['fileToUpload']['tmp_name']) || $_FILES['fileToUpload']['tmp_name'] == 'none'){
		$error = 'No file was uploaded..';
	}else{
			$re = $this->up();
			if(!$re){
				$error = 'Up file fail';
			}
			$msg = $re['savename'];	//文件名
			$path = '/upload/bizcoop/'.$msg;	//文件路径
			$size = $re['size'];	//文件大小
	}		
	echo json_encode(array('error'=>$error,'msg'=>$msg,'path'=>$path,'size'=>$size));exit;
}

private function up(){ 
	import('@.Org.UploadFile');//将上传类UploadFile.class.php拷到Lib/Org文件夹下
	$upload=new UploadFile();

	$upload->maxSize='-1';//默认为-1,不限制上传大小
	$upload->savePath= ICTSPACE_DIST_ROOT_PATH.'/www/upload/bizcoop/';//保存路径
	$upload->saveRule=uniqid;//上传文件的文件名保存规则
	$upload->uploadReplace=true;//如果存在同名文件是否进行覆盖
	$upload->allowExts=array('jpg','jpeg','png','gif');//准许上传的文件类型
	if($upload->upload()){
		$info=$upload->getUploadFileInfo();
		return $info[0];
	}else{
		return false;
		exit;
	} 
}

}
?>

在/Tpl/default/Up/目录下创建index.tpl文件,代码如下:

<div id="content">
<h1>Ajax File Upload Demo</h1>
<img id="loading" style="display: none;" alt="" src="__APP____PUBLIC__/style/img/loading.gif" />

<form action="" enctype="multipart/form-data" method="POST" name="form">
<table class="tableForm" cellspacing="0" cellpadding="0">
<thead>
<tr>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><input class="input" id="fileToUpload" type="file" name="fileToUpload" size="45" /></td>
</tr>
<tr>
<td><button class="button" id="buttonUpload" onclick="return ajaxFileUpload();">Upload</button></td>
</tr>
</tbody>
<tbody>
<tr>
<td><span>已上传的附件:</span></td>
</tr>
</tbody>
<tfoot></tfoot>
</table>
</form></div>

在/Lib/Org/目录下放入ThinkPHP文件上传类:
下载ThinkPHP扩展包 下载
解压缩  类文件路径  /Extend/Library/ORG/Net/UploadFile.class.php

上传中loading文件:loading

demo上传效果:
0307201135
Jquery Ajax File Uploader插件下载地址 下载

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注