介绍 & lt; div 类=發ayui-upload"比;
,& lt; button 类型=癰utton",类=發ayui-btn", id=癱over"在上传封面& lt;/button>
时间/div> & lt;
& lt; div 类=發ayui-input-inline"祝辞
,& lt; img id=皃review",宽度=?00 px",身高=?00 px"比;
& lt;/div> var uploadInst =, upload.render ({
初步的才能:& # 39;#封面# 39;
,,,url: & # 39; addCourse& # 39;
,,,接受:& # 39;文件# 39;,//,允许上传的文件类型
,,,汽车:true //,自动上传
之前,,,:function (obj), {
,,console.log (obj);
,,//,预览
,,obj.preview(函数(指数、文件、结果),{
,,,//,console.log (file.name);,//图片名字
,,,//,console.log (file.type);,//图片格式
,,,//,console.log (file.size);,//图片大小
,,,//,console.log(结果);,//图片地址
,,,$(& # 39;#预览# 39;).attr (& # 39; src # 39;结果),,//图片链接,base64
,,});
,,//,layer.load ();
,,}//,才能上传成功回调
,才能完成:函数(res), {
,,//,console.log(上传);
,,console.log (res);
,,}//,才能上传失败回调
,,,错误:函数(指数、上传),{//,,,上传失败
,,}
以前,}); file 美元;=,请求()→文件(& # 39;文件# 39;);
,//移动到框架应用根目录/公共/上传/,目录下
美元,美元info =,文件→移动(& # 39;公共/上传/& # 39;);
美元,if (信息),{
时间=美元才能path & # 39;公共/上传/& # 39;。信息→美元getSaveName ();
return 才能return_succ(路径);
之前,}
怎么在ThinkPHP5中使用Layui实现图片上传加预览功能?相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。
html代码
js代码
php接口
thinkphp是什么
thinkphp属于一种免费的开发框架,能够用于开发前端网页,最早thinkphp是为了简化开发而产生的,thinkphp同时也是遵循输入协议,最初是从Struts演变过来,也把国外一些好的框架模式进行利用,使用面向对象的开发结构,兼容了很多标签库等模式,它能够更方便和快捷的开发和部署应用,当然不仅仅是企业级应用,任何php应用开发都可以从thinkphp的简单,兼容和快速的特性中受益。
看完上述内容,你们掌握怎么在ThinkPHP5中使用Layui实现图片上传加预览功能的方法了吗?如果还想学到更多技能或想了解更多相关内容,欢迎关注行业资讯频道,感谢各位的阅读!
