layui中富文本图片上传接口与普通按钮文件上传接口的示例分析
小编给大家分享一下layui中富文本图片上传接口与普通按钮文件上传接口的示例分析,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!
成都创新互联-专业网站定制、快速模板网站建设、高性价比费县网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式费县网站制作公司更省心,省钱,快速模板网站建设找我们,业务覆盖费县地区。费用合理售后完善,十多年实体公司更值得信赖。
富文本-图片上传
html:
js:记得之前引入layui.js
tp:
// 图片上传接口 public function lay_img_upload() { $file = Request::instance()->file('file'); if(empty($file)){ $result["code"] = "1"; $result["msg"] = "请选择图片"; $result['data']["src"] = ''; }else{ // 移动到框架应用根目录/public/uploads/ 目录下 $info = $file->move(ROOT_PATH . 'public' . DS . 'uploads/layui' ); if($info){ $infos = $info->getInfo(); // 源文件名 $name = $infos['name']; $name_path =str_replace('\\',"/",$info->getSaveName()); //成功上传后 获取上传信息 $result["code"] = '0'; $result["msg"] = "上传成功"; $result['data']["src"] = "/forum/public/uploads/layui/".$name_path; $result['data']["title"] = $name; }else{ // 上传失败获取错误信息 $result["code"] = "2"; $result["msg"] = "上传出错"; $result['data']["src"] =''; } } return json_encode($result); }
普通点击button 文件上传
html :
建议尺寸168*168,支持jpg、png、gif,最大不能超过50KB
js :
layui.use('upload',function(){ var upload = layui.upload; upload.render({ elem: '#fileBtn'//绑定元素 ,url: "{:url('index/personal/modifyImg')}" //上传接口 ,accept: 'images' ,auto: true //属性详见http://www.layui.com/doc/modules/upload.html // ,bindAction: '#uploadBtn' ,done: function(res){ alert(res.data.src); $("[name=userImage]").val(res.data.src); } }); });
tp:
public function modifyImg() { $file = Request::instance()->file('file'); if(empty($file)){ $result["code"] = "1"; $result["msg"] = "请选择图片"; $result['data']["src"] = ''; }else{ // 移动到框架应用根目录/public/uploads/ 目录下 $info = $file->move(ROOT_PATH . 'public' . DS . 'uploads/user' ); if($info){ $infos = $info->getInfo(); // 源文件名 $name = $infos['name']; $name_path =str_replace('\\',"/",$info->getSaveName()); //成功上传后 获取上传信息 $result["code"] = '0'; $result["msg"] = "上传成功"; $result['data']["src"] = "/forum/public/uploads/user/".$name_path; $result['data']["title"] = $name; }else{ // 上传失败获取错误信息 $result["code"] = "2"; $result["msg"] = "上传出错"; $result['data']["src"] =''; } } return json_encode($result); }
以上是“layui中富文本图片上传接口与普通按钮文件上传接口的示例分析”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注创新互联行业资讯频道!
新闻名称:layui中富文本图片上传接口与普通按钮文件上传接口的示例分析
当前链接:http://scyanting.com/article/gigscc.html