ThinkPHP结合AjaxFileUploader实现无刷新文件上传的方法

作者:shichen2014 时间:2024-04-17 10:39:54 

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

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

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

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

<?php
class upAction extends BaseAction{
public function index(){
    $this->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文件上传类就可以了,有一些插件我们需要到官方下载。

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

标签:ThinkPHP,文件,上传
0
投稿

猜你喜欢

  • 用python绘制樱花树

    2023-07-24 19:47:09
  • js经验分享 JavaScript反调试技巧

    2023-07-13 07:53:04
  • 将Python脚本打包成exe文件

    2021-06-08 12:21:55
  • python实现二叉排序树

    2022-08-26 04:34:37
  • mysql 批处理文件出错后继续执行的实现方法

    2024-01-19 13:25:09
  • anaconda3安装及jupyter环境配置全教程

    2021-03-26 07:45:07
  • python利用proxybroker构建爬虫免费IP代理池的实现

    2021-10-25 21:18:25
  • node.js实现BigPipe详解

    2024-05-05 09:22:17
  • 获取SQL Server数据库元数据的几种方法

    2024-01-17 16:00:44
  • windows下mysql 5.7.20 安装配置方法图文教程

    2024-01-20 16:19:02
  • pyecharts如何实现显示数据为百分比的柱状图

    2021-06-27 17:11:52
  • python处理图片之PIL模块简单使用方法

    2023-06-25 21:42:05
  • SQL Server性能调优之缓存

    2024-01-25 04:30:08
  • window环境下使用VScode连接虚拟机MySQL方法

    2024-01-21 04:42:06
  • 在ASP中使用SQL语句之12:连接

    2009-04-23 18:27:00
  • 详解Python自建logging模块

    2023-12-21 02:28:50
  • 用javascript实现自定义标签

    2024-04-17 10:20:10
  • pandas获取groupby分组里最大值所在的行方法

    2021-08-14 21:39:14
  • 合成大西瓜开发源码手把手教你运行和部署大西瓜游戏项目(附源码)

    2023-11-01 05:39:13
  • Python简单遍历字典及删除元素的方法

    2021-12-31 08:57:51
  • asp之家 网络编程 m.aspxhome.com