利用ThinkPHP5.0怎么实现一个图片上传插件
导读：本文共2829.5字符，通常情况下阅读需要9分钟。同时您也可以点击右侧朗读，来听本文内容。按键盘←（左） →（右） 方向键可以翻页。
摘要： 一、下载附件地址：链接: https://pan.baidu.com/s/1nuQ4NgP 密码: 4pbu二、将附件中的CropAvatar.php放到自己程序目录extend/org目录下,如果遇到 exif_imagetype 错误，需要打开 php.ini 中的 extension=php_exif.dll三、common.php公共函数找到应用程序目录... ...
目录
(为您整理了一些要点),点击可以直达。一、下载附件
地址：链接: https://pan.baidu.com/s/1nuQ4NgP 密码: 4pbu
二、将附件中的CropAvatar.php放到自己程序目录extend/org目录下,如果遇到 exif_imagetype 错误，需要打开 php.ini 中的 extension=php_exif.dll
三、common.php公共函数
找到应用程序目录下的common.php文件，在里面添加公用函数：
/***转换字节*@param$bytes传入字节数值*@paramint$decimals*@returnstringBKMGTP*/functionhuman_filesize($bytes,$decimals=2){$sz='BKMGTP';$factor=floor((strlen($bytes)-1)/3);returnsprintf("%.{$decimals}f",$bytes/pow(1024,$factor)).@$sz[$factor];}/***删除该目录以及该目录下面的所有文件和文件夹*@param$dir目录*@returnbool*/functionremoveDir($dirName){//判断传入参数是否目录，如不是执行删除文件if(!is_dir($dirName)){//删除文件@unlink($dirName);}//如果传入是目录，使用@opendir将该目录打开，将返回的句柄赋值给$handle$handle=@opendir($dirName);//这里明确地测试返回值是否全等于（值和类型都相同）FALSE//否则任何目录项的名称求值为FALSE的都会导致循环停止（例如一个目录名为“0”）while(($file=@readdir($handle))!==false){//在文件结构中，都会包含形如“.”和“..”的向上结构//但是它们不是文件或者文件夹if($file!='.'&&$file!='..'){//当前文件$dir为文件目录+文件$dir=$dirName.'/'.$file;//判断$dir是否为目录，如果是目录则递归调用reMoveDir($dirName)函数//将其中的文件和目录都删除；如果不是目录，则删除该文件is_dir($dir)?removeDir($dir):@unlink($dir);}}closedir($handle);returnrmdir($dirName);}四、修改配置文件
找到应用程序目录下的配置文件config.php，在配置里面添加：
//上传配置根目录前需添加一个.'syc_images'=>[//缩图保存位置'thumb'=>'./uploads/thumbs',//附件图片保存位置'image'=>'./uploads/images',//裁剪的原始图片保存位置'original'=>'./uploads/original',//上传限制2*1024*1024'size'=>2097152,],
五、将file-thumd-modal.html文件放到view文件夹里面，作为一个模板文件，如：
六、控制器，附件中的Thumbs.php文件是一个示例控制器，可以将该控制器拿到你的程序目录下，修改下命名空间、方法名等，该控制器里面有个方法为：index()，该方法是上传文件调用的方法，如果想要显示一个选择文件的页面还需自己写个操作方法，如：test()。
publicfunctiontest(){return$this->fetch();}publicfunctionindex(){.....}七、视图层，在view文件夹里定义一个与test方法相关的模板文件，该页面的<body>标签里面需要加上class="page-header-fixed"，因为JS里面需要使用到。<a class="btn red btn-outline sbold avatar-view"> 选择图片</a>这个标签用来打开模态框，class为avatar-view，{include file="public/file-thumd-modal"}用来引入file-thumd-modal.html文件，需要找到该模板文件写地址。
<!DOCTYPEhtml>//id="art-thumb"返回的图片地址//id="preview"返回的img小图//该页面需引入bootstrap的js，css和jquery等文件<head><scriptsrc="__STATIC__/dist/js/jquery-1.11.2.min.js"></script><scriptsrc="__STATIC__/dist/js/bootstrap.min.js"></script><linkrel="stylesheet"href="__STATIC__/dist/css/bootstrap.min.css"rel="externalnofollow"type="text/css"/></head><bodyclass="page-header-fixed"><imgsrc="./public/uploads/thumbs/20170925/20170925135203666.png"/><divclass="form-group"><labelclass="control-labelcol-md-2">浓缩图片</label><divclass="col-md-3"><inputtype="text"name="art_thumb"id="art-thumb"class="form-control"></div><divclass="col-md-2">{//调用avatar-view}<aclass="btnredbtn-outlinesboldavatar-view">选择图片</a></div><divclass="col-md-3"><divid="preview"></div></div></div>{//file-thumd-modal.html可以引用到其他页面要用到的地方}{//引入上传图片modal}{includefile="public/file-thumd-modal"}<scriptlanguage="javascript"type="text/javascript">$(function(){var$imgDiv=$('.avatar-wrapper');$imgDiv.find('img').cropper({aspectRatio:NaN});//设置自由裁剪，NaN为自由裁剪，此为覆盖默认1:1比例裁剪框})</script></body> </div> <div class="zixun-tj-product adv-bottom"></div> </div> </div> <div class="prve-next-news">利用ThinkPHP5.0怎么实现一个图片上传插件的详细内容，希望对您有所帮助，信息来源于网络。