Thinkphp框架+Layui实现图片/文件上传功能分析
本文实例讲述了Thinkphp框架+Layui实现图片/文件上传功能。分享给大家供大家参考,具体如下:
在项目中用到了,再网上找了现成的代码都是借口异常或者非法上传,所以在一番摸索搞定之后拿来和大家分享。
html:
v 点击上传,或将文件拖拽到此处
建议尺寸1920*512
本文实例讲述了Thinkphp框架+Layui实现图片/文件上传功能。分享给大家供大家参考,具体如下:
在项目中用到了,再网上找了现成的代码都是借口异常或者非法上传,所以在一番摸索搞定之后拿来和大家分享。
html:
v 点击上传,或将文件拖拽到此处
建议尺寸1920*512
JS:
layui.use('upload',function(){ var$=layui.jquery ,upload=layui.upload; //普通图片上传 varuploadInst=upload.render({ elem:'#uploadBanner' ,url:"{:U('Api/doUploadPic')}" ,before:function(obj){ //预读本地文件示例,不支持ie8 obj.preview(function(index,file,result){ $('#upload-photo').attr('src',result);//图片链接(base64) $('#upload-photo').attr('style','height:10rem;'); $('#upload-icon').attr('style','display:none;'); }); } ,done:function(res,index,upload){ //如果上传失败 if(res.code>0){ returnlayer.msg('上传失败'); } //上传成功 console.log("成功啦!"+obj2string(res)+""+index+""+upload); } ,error:function(){ //演示失败状态,并实现重传 vardemoText=$('#demoText'); demoText.html('上传失败 重试'); demoText.find('.demo-reload').on('click',function(){ uploadInst.upload(); }); } }); });
PHP接口:
publicfunctiondoUploadPic()//上传模块 { $upload=new\Think\Upload(); $upload->maxSize=3145728; $upload->exts=array('jpg','gif','png','jpeg'); $upload->rootPath='./Public/';//设置附件上传根目录 $upload->savePath='upload/';//设置附件上传子目录 $info=$upload->upload(); if(!$info){ $this->error($upload->getError()); }else{ foreach($infoas$file){ $data='/Public'.$file['savepath'].$file['savename']; $file_a=$data; echo'{"code":0,"msg":"成功上传","data":{"src":"'.$file_a.'"}}'; } } }
图片就上传到/Public/upload文件夹下了:
更多关于thinkPHP相关内容感兴趣的读者可查看本站专题:《ThinkPHP入门教程》、《thinkPHP模板操作技巧总结》、《ThinkPHP常用方法总结》、《codeigniter入门教程》、《CI(CodeIgniter)框架进阶教程》、《ZendFrameWork框架入门教程》及《PHP模板技术总结》。
希望本文所述对大家基于ThinkPHP框架的PHP程序设计有所帮助。
声明:本文内容来源于网络,版权归原作者所有,内容由互联网用户自发贡献自行上传,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任。如果您发现有涉嫌版权的内容,欢迎发送邮件至:czq8825#qq.com(发邮件时,请将#更换为@)进行举报,并提供相关证据,一经查实,本站将立刻删除涉嫌侵权内容。