微客导航 » 文章资讯 » Thinkphp框架+Layui实现图片/文件上传功能分析

Thinkphp框架+Layui实现图片/文件上传功能分析

2023-08-01 23:50:04 327

本文实例讲述了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（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。

返回顶部
3162201930
czq8825@qq.com

Thinkphp框架+Layui实现图片/文件上传功能分析

热门推荐

随机推荐