AjaxFileUploader+thinkphp实现无刷新文件上传的示例代码

分类：PHP_Python| 发布：kuabaobao| 查看：264 | 发表时间：2015/6/2

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

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

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

代码如下:

01<?php
02 class upAction extends BaseAction{
03 public function index(){
04     $this->display();
05 }
06   
07 /*
08 *@文件上传
09 *@author    FineYi
10 *@date        2013-01-23
11 */
12 public function upLoadFile(){
13     $error = "";
14     $msg = "";
15     $fileElementName = 'fileToUpload';
16     if(!empty($_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(empty($_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文件，代码如下：

代码如下:

01<div id="content">
02 <h1>Ajax File Upload Demo</h1>
03 <img id="loading" style="display: none;" alt="" src="__APP____PUBLIC__/style/img/loading.gif" />
04   
05 <form action="" enctype="multipart/form-data" method="POST" name="form">
06 <table class="tableForm" cellspacing="0" cellpadding="0">
07 <thead>
08 <tr>
09 <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文件上传类就可以了，有一些插件我们需要到官方下载。

365据说看到好文章不转的人，服务器容易宕机！

标签：上传异步 ThinkPHP jQuery

原创文章如转载，请注明：转载自郑州网建-前端开发　http://camnpr.com/
本文链接：http://camnpr.com/php-python/2022.html

AjaxFileUploader+thinkphp实现无刷新文件上传的示例代码

相关文章

关注本站

一条新消息

小编推荐

热门文章

想你所想爱你所爱

AjaxFileUploader+thinkphp实现无刷新文件上传的示例代码

相关文章

关注本站

一条新消息

小编推荐

热门文章

想你所想 爱你所爱

想你所想爱你所爱