php 多图上传编辑器,ThinkPHP5整合LayUI编辑器图片上传

一、创建上传方法

public function uploadimg()

{

$image = $_FILES['file'];

$filebase = file_get_contents($image['tmp_name']);

$upimg = $this->uploadImage($filebase);

$upfile['code'] = '0';

$upfile['msg'] = '上传成功';

$upfile['data']['src'] = $upimg;

$upfile['data']['title'] = $image['name'];

echo json_encode($upfile);

}

二、配置LayUI编辑器图片上传参数

layedit.set({

uploadImage: {

url: '{:url('pubblico/uploadimg')}' //接口url

,type: '' //默认post

}

});

========================================================================

LayUI文件上传

//单个上传

layui.upload({

url: '{:url('pubblico/uploadimg')}' //上传接口

,success: function(res){ //上传成功后的回调

alert(res.data.src);

}

});

php 多图上传编辑器,ThinkPHP5整合LayUI编辑器图片上传相关推荐

ThinkPHP5整合LayUI编辑器图片上传
2019独角兽企业重金招聘Python工程师标准>>> 一.创建上传方法 public function uploadimg(){$image = $_FILES['file'];$ ...
从web编辑器 UEditor 中单独提取图片上传，包含多图片单图片上传以及在线涂鸦功能...
UEditor是由百度web前端研发部开发所见即所得富文本web编辑器,具有轻量,可定制,注重用户体验等特点,开源基于MIT协议,允许自由使用和修改代码.(抄的...) UEditor是非常好用的富文 ...
.net mvc + layui做图片上传（二）—— 使用流上传和下载图片
摘要:上篇文章写到一种上传图片的方法,其中提到那种方法的局限性,就是上传的文件只能保存在本项目目录下,在其他目录中访问不到该文件.这与浏览器的安全性机制有关,浏览器不允许用户用任意的路径访问服务器上的 ...
layui上传图片列表展示_ThinkPHP5+Layui实现图片上传加预览功能
html代码上传封面 js代码 var uploadInst = upload.render({ elem:'#cover' ,url:'addCourse' ,accept:'file' // 允 ...
文件上传、下载、导出（图片上传、下载）
一.文件上传 1.常规文件上传 input 标签 type="file", 点击接收上传的文件 <label for="file_url">< ...
java多文件上传plupload控件实现多图片上传（二）
接上篇 java多文件上传plupload控件实现多图片上传(一) 续写PluploadUtil 和 Plupload PO类,以及后台的action. 至此,可实现多文件上传功能. 上传文件Acti ...
ASP.NET MVC +Layui 实现图片上传功能
ASP.NET MVC +Layui 实现图片上传功能这是一个前端的添加功能只展示图片添加的前端代码 <div class="layui-upload"> < ...
Layui实现图片上传回显和删除
Layui实现图片上传回显和删除需求及功能说明前端代码详解 JS代码总结需求及功能说明网页上传图片到服务器,图片在本地回显,可以实现删除,重新修改的操作. 相关组件来源于Layui上传文件模 ...
关于editor网页编辑器ueditor.config.js 配置图片上传
最近公司项目在做一个门户网站,其中新闻和简介等部分使用到了ueditor编辑器,但是上级明确指示需要图片上传这个功能,这时却发现图片上传功能不能正常使用,上传时一直报错,网上收了好几个处理办法,都说的 ...

php 多图上传编辑器,ThinkPHP5整合LayUI编辑器图片上传

php 多图上传编辑器,ThinkPHP5整合LayUI编辑器图片上传相关推荐

最新文章

热门文章