这篇文章主要介绍了ThinkPHP结合AjaxFileUploader实现无刷新文件上传的方法,是ThinkPHP文件上传中一个比较典型的应用技巧,非常具有实用价值,需要的朋友可以参考下

本文实例讲述了ThinkPHP结合AjaxFileUploader实现无刷新文件上传的方法。分享给大家供大家参考。具体实现方法分析如下：

首先，AjaxFileUploader插件是一个基于jquery的插件，我们可以使用AjaxFileUploader插件来实现文件异步上传功能了，使用这款插件上传文件不要担心兼容性的问题，它的兼容性可以说兼容所有主流浏览器，下面来给大家介绍一个AjaxFileUploader+thinkphp实现文件上传的实例。

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

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

1. <?php 
2. class upAction extends BaseAction{ 
3. public function index(){ 
4.     $this->display(); 
5. } 
6.  
7. /* 
8. *@文件上传 
9. *@author    FineYi 
10. *@date        2013-01-23 
11. */ 
12. public function upLoadFile(){ 
13.     $error = ""; 
14.     $msg = ""; 
15.     $fileElementName = 'fileToUpload'; 
16.     if(!emptyempty($_FILES[$fileElementName]['error'])){ 
17.         switch($_FILES[$fileElementName]['error']){ 
18.             case '1': 
19.                 $error = 'The uploaded file exceeds the upload_max_filesize directive in php.ini'; 
20.                 break; 
21.             case '2': 
22.                 $error = 'The uploaded file exceeds the MAX_FILE_SIZE directive that was specified in the HTML form'; 
23.                 break; 
24.             case '3': 
25.                 $error = 'The uploaded file was only partially uploaded'; 
26.                 break; 
27.             case '4': 
28.                 $error = 'No file was uploaded.'; 
29.                 break; 
30.  
31.             case '6': 
32.                 $error = 'Missing a temporary folder'; 
33.                 break; 
34.             case '7': 
35.                 $error = 'Failed to write file to disk'; 
36.                 break; 
37.             case '8': 
38.                 $error = 'File upload stopped by extension'; 
39.                 break; 
40.             case '999': 
41.             default: 
42.                 $error = 'No error code avaiable'; 
43.         } 
44.     }elseif(emptyempty($_FILES['fileToUpload']['tmp_name']) || $_FILES['fileToUpload']['tmp_name'] == 'none'){ 
45.         $error = 'No file was uploaded..'; 
46.     }else{ 
47.             $re = $this->up(); 
48.             if(!$re){ 
49.                 $error = 'Up file fail'; 
50.             } 
51.             $msg = $re['savename'];    //文件名 
52.             $path = '/upload/bizcoop/'.$msg;    //文件路径 
53.             $size = $re['size'];    //文件大小 
54.     }        
55.     echo json_encode(array('error'=>$error,'msg'=>$msg,'path'=>$path,'size'=>$size));exit; 
56. } 
57.  
58. private function up(){ 
59.     import('@.Org.UploadFile');//将上传类UploadFile.class.php拷到Lib/Org文件夹下 
60.     $upload=new UploadFile(); 
61.  
62.     $upload->maxSize='-1';//默认为-1，不限制上传大小 
63.     $upload->savePath= ICTSPACE_DIST_ROOT_PATH.'/www/upload/bizcoop/';//保存路径 
64.     $upload->saveRule=uniqid;//上传文件的文件名保存规则 
65.     $upload->uploadReplace=true;//如果存在同名文件是否进行覆盖 
66.     $upload->allowExts=array('jpg','jpeg','png','gif');//准许上传的文件类型 
67.     if($upload->upload()){ 
68.         $info=$upload->getUploadFileInfo(); 
69.         return $info[0]; 
70.     }else{ 
71.         return false; 
72.         exit; 
73.     } 
74. } 
75. } 
76. ?> 

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

1. <div id="content"> 
2. <h1>Ajax File Upload Demo</h1> 
3. <img id="loading" style="display: none;" alt="" src="__APP____PUBLIC__/style/img/loading.gif" /> 
4.  
5. <form action="" enctype="multipart/form-data" method="POST" name="form"> 
6. <table class="tableForm" cellspacing="0" cellpadding="0"> 
7. <thead> 
8. <tr> 
9. <th></th> 
10. </tr> 
11. </thead> 
12. <tbody> 
13. <tr> 
14. <td><input class="input" id="fileToUpload" type="file" name="fileToUpload" size="45" /></td> 
15. </tr> 
16. <tr> 
17. <td><button class="button" id="buttonUpload" onclick="return ajaxFileUpload();">Upload</button></td> 
18. </tr> 
19. </tbody> 
20. <tbody> 
21. <tr> 
22. <td><span>已上传的附件:</span></td> 
23. </tr> 
24. </tbody> 
25. <tfoot></tfoot> 
26. </table> 
27. </form></div> 

在/Lib/Org/目录下放入ThinkPHP文件上传类就可以了，有一些插件我们需要到官方下载。

希望本文所述对大家的PHP程序设计有所帮助。

Tags: AjaxFileUploader

分享到：