ThinkPHP5+Layui实现图片上传加预览功能

 更新时间:2018年08月17日 10:14:27   作者:下页、再停留  
这篇文章主要介绍了ThinkPHP5+Layui实现图片上传加预览功能,本文通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下

html代码

<div class="layui-upload">
 <button type="button" class="layui-btn" id="cover">上传封面</button>
</div> 
<div class="layui-input-inline">
 <img id="preview" width="200px" height="200px">
</div>

js代码

var uploadInst = upload.render({
  elem:'#cover'
  ,url:'addCourse'
  ,accept:'file' // 允许上传的文件类型
  ,auto:true // 自动上传
  ,before:function (obj) {
   console.log(obj);
   // 预览
   obj.preview(function(index,file,result) {
    // console.log(file.name); //图片名字
    // console.log(file.type); //图片格式
    // console.log(file.size); //图片大小
    // console.log(result); //图片地址
    $('#preview').attr('src',result); //图片链接 base64
   });
   // layer.load();
  }
  // 上传成功回调
  ,done:function(res) {
   // console.log(upload);
   console.log(res);
  }
  // 上传失败回调
  ,error:function(index,upload) {
   // 上传失败
  }
 });

php接口

$file = request()->file('file');
 // 移动到框架应用根目录/public/uploads/ 目录下
 $info = $file->move('public/upload/');
 if ($info) {
  $path = 'public/upload/'.$info->getSaveName();
  return return_succ($path);
 }

总结

以上所述是小编给大家介绍的ThinkPHP5+Layui实现图片上传加预览功能,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

相关文章

  • Zend的MVC机制使用分析(二)

    Zend的MVC机制使用分析(二)

    本篇文章介绍了,Zend的MVC机制使用分析,需要的朋友参考下
    2013-05-05
  • Yii框架引入coreseek分页功能示例

    Yii框架引入coreseek分页功能示例

    这篇文章主要介绍了Yii框架引入coreseek分页功能,结合实例形式分析了Yii框架结合coreseek搜索进行分页的相关操作技巧,需要的朋友可以参考下
    2019-02-02
  • PHP中abstract(抽象)、final(最终)和static(静态)原理与用法详解

    PHP中abstract(抽象)、final(最终)和static(静态)原理与用法详解

    这篇文章主要介绍了PHP中abstract(抽象)、final(最终)和static(静态),结合实例形式分析了PHP中abstract(抽象)、final(最终)和static(静态)基本功能、原理、用法及相关操作注意事项,需要的朋友可以参考下
    2020-06-06
  • Zend Framework教程之Zend_Config_Xml用法分析

    Zend Framework教程之Zend_Config_Xml用法分析

    这篇文章主要介绍了Zend Framework教程之Zend_Config_Xml用法,结合实例形式较为详细的分析了Zend_Config_Xml的功能,使用方法及相关注意事项,需要的朋友可以参考下
    2016-03-03
  • PHP根据session与cookie用户登录状态操作类的代码

    PHP根据session与cookie用户登录状态操作类的代码

    这篇文章主要介绍了PHP根据session与cookie用户登录状态操作类的相关资料,非常具有参考借鉴价值,需要的朋友可以参考下
    2016-05-05
  • thinkPHP+ajax实现统计页面pv浏览量的方法

    thinkPHP+ajax实现统计页面pv浏览量的方法

    这篇文章主要介绍了thinkPHP+ajax实现统计页面pv浏览量的方法,涉及thinkPHP模板调用及数据库读写相关操作技巧,需要的朋友可以参考下
    2017-03-03
  • php实现购物车产品删除功能(2)

    php实现购物车产品删除功能(2)

    这篇文章主要为大家详细介绍了php实现购物车产品删除功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-03-03
  • 多个Laravel项目如何共用migrations详解

    多个Laravel项目如何共用migrations详解

    这篇文章主要给大家介绍了关于多个Laravel项目如何共用migrations的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面来一起看看吧
    2018-09-09
  • 使用Thinkphp框架开发移动端接口

    使用Thinkphp框架开发移动端接口

    本文给大家分享的是使用thinkphp框架开发移动端接口的2种方法,一种是开发API,另外一种是实现移动端访问自动切换移动主题模板,从而实现伪app访问,下面我们就来详细看下如何实现吧。
    2015-08-08
  • PHP实现数据分页显示的简单实例

    PHP实现数据分页显示的简单实例

    下面小编就为大家带来一篇PHP实现数据分页显示的简单实例。小编觉得挺不错的,现在就分享给大家,也给的大家做个参考。一起跟随小编过来看看吧
    2016-05-05

最新评论