layui 富文本 图片上传 后端PHP接口
来源:互联网 发布:mac pro使用攻略 编辑:程序博客网 时间:2024/05/16 17:02
layui 富文本 图片上传 后端PHP接口
html
<!DOCTYPE html><html><head> <link rel="stylesheet" type="text/css" href="/static/layui/css/layui.css"> <script type="text/javascript" src='/static/js/jquery-3.2.1.min.js'></script> <script type="text/javascript" src='/static/layui/layui.js'></script> <title></title></head><body><div class="right" style="margin: 90px 0 0 190px;"> <form action="{:url('goods/doadd')}" enctype="multipart/form-data" method="post"> <textarea class="layui-textarea" id="LAY_demo1" name="details" style="display: none;"> </textarea> <input type="submit" name="" value="提交"> </form></div></body><script>layui.use('layedit', function(){ var layedit = layui.layedit; layedit.set({ uploadImage: { url: '/admin/goods/uploadImage' //接口url ,type: 'post', //默认post success:function(res){ } } }); //构建一个默认的编辑器 var index = layedit.build('LAY_demo1',{ height:800 }); //编辑器外部操作 var active = { content: function(){ alert(layedit.getContent(index)); //获取编辑器内容 } ,text: function(){ alert(layedit.getText(index)); //获取编辑器纯文本内容 } ,selection: function(){ alert(layedit.getSelection(index)); } }; $('.site-demo-layedit').on('click', function(){ var type = $(this).data('type'); active[type] ? active[type].call(this) : ''; }); //自定义工具栏 layedit.build('LAY_demo2', { tool: ['face', 'link', 'unlink', '|', 'left', 'center', 'right'] ,height: 100 })});</script></html>
php后端
public function uploadImage(Request $request) {//thinkphp5的框架,如果是原生的,用$_FiLES['file']获取到图片, $file = $request->file('file'); $info = $file->move(ROOT_PATH . 'public' . DS . 'uploads'); if($info){ $name_path =str_replace('\\',"/",$info->getSaveName()); $result['data']["src"] = "/uploads/layui/".$name_path; $url = $info->getSaveName(); //图片上传成功后,组好json格式,返回给前端 $arr = array( 'code' => 0, 'message'=>'', 'data' =>array( 'src' => "/uploads/".$name_path ), ); } echo json_encode($arr); }
阅读全文
0 0
- layui 富文本 图片上传 后端PHP接口
- Layui富文本编辑器图片上传接口(.NET C#)
- 富文本图片上传
- layui-富文本编辑器
- 百度富文本编辑器UEditor自定义上传图片接口
- 百度富文本控件UEditor 上传图片
- 富文本编辑器上传图片的问题
- kindeditor富文本上传图片路径
- 百度Ueditor富文本编辑器上传图片
- 百度ueditor富文本--配置图片上传
- layui上传图片
- layui富文本编辑器注意点
- Ueditor富文本编辑器--上传图片自定义上传操作
- 前端压缩图片以及php后端上传
- 富文本 文件上传
- Express+layui上传图片到七牛云
- 可以上传图片的富文本编辑器kindeditor
- kindeditor富文本注释掉上传网络图片
- 【Idea】——配置部署非Maven项目
- 最小覆盖_KEY
- 模拟的nginx 配置为域名的的方式直接访问项目
- java ssm框架学习——mybatis--1
- 将图像上雨水去除的四种主流方法
- layui 富文本 图片上传 后端PHP接口
- HDU 1841Find the Shortest Common Superstring
- 布局配合动画的使用 动态改变布局的高度
- 剑指Offer_面试题28_字符串的排列
- ubuntu 下caffe框架内一个训练流程小记
- 安卓usb转串口通讯
- js作用域和作用域链心得
- jersey的简单介绍及与spring-boot的集成使用
- java.lang.NoClassDefFoundError:com.ibm.ws.management.configservice.TypeRegistry