本文实例讲述了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;//html" target="_blank">上传文件的文件名保存规则 $upload->uploadReplace=true;//如果存在同名文件是否进行覆盖 $upload->allowExts=array('jpg','jpeg','png','gif');//准许上传的文件类型 if($upload->upload()){ $info=$upload->getUploadFileInfo(); return $info[0]; }else{ return false; exit; } } } ?>
<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+smarty+uploadify实现无刷新上传,包括了Thinkphp+smarty+uploadify实现无刷新上传的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了Thinkphp+smarty+uploadify实现无刷新上传的方法。分享给大家供大家参考。具体如下: 模板文件代码: 控制器代码: 希望本文所述对大家的php程序设计有所帮助。
本文向大家介绍Thinkphp多文件上传实现方法,包括了Thinkphp多文件上传实现方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了Thinkphp多文件上传实现方法,分享给大家供大家参考。具体实现方法如下: Thinkphp手册中对于多文件上传描述的很清楚:如果需要使用多个文件,只需要修改表单,把 改为 或者 暂且自己的上传表单域为两个,一个上传图片,一个上传视频。字段名为imag
本文向大家介绍php+ajax实现无刷新文件上传功能(ajaxuploadfile),包括了php+ajax实现无刷新文件上传功能(ajaxuploadfile)的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了php+ajax实现无刷新文件上传的具体代码,供大家参考,具体内容如下 文件上传的表单格式 AjaxFileUpload实现文件异步上传效果更好,使用简单: 上传还可以传递参数
本文向大家介绍Jquery结合HTML5实现文件上传,包括了Jquery结合HTML5实现文件上传的使用技巧和注意事项,需要的朋友参考一下 1.利用Jquery使用HTML5的FormData属性实现对文件的上传 在HTML5以前我们如果需要实现文件上传服务器等功能的时候,有时候我们不得不依赖于FLASH去实现,而在HTML5到来之后,我们很容易的实现对文件的上传,只需要利用HTML5的一个F
本文向大家介绍webpack结合express实现自动刷新的方法,包括了webpack结合express实现自动刷新的方法的使用技巧和注意事项,需要的朋友参考一下 前言 在我们开发的过程中,我们会使用webpack-dev-server实现自动刷新,webpack-dev-server会把编译后的文件全部保存在内存里,而不会写入到文件目录内。但当我们的开发是前端和后端在一个项目里的时候就不行了。我
本文向大家介绍PHP+iFrame实现页面无需刷新的异步文件上传,包括了PHP+iFrame实现页面无需刷新的异步文件上传的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了PHP+iFrame实现页面无需刷新的异步文件上传,是非常实用的常见技巧。分享给大家供大家参考。具体分析如下: 说到iframe,现在用它的人是越来越少了,并且很多人都相信它应该被AJAX所取代,的确如此,因为AJAX太出