php写layui上传接口,layui 富文本图片上传接口与普通按钮 文件上传接口的例子

富文本-图片上传

html:

js:记得之前引入layui.js

layui.use('layedit', function(){

var layedit = layui.layedit;

layedit.set({

uploadImage: {

url: '{:url("index/index/lay_img_upload")}', //接口url

type: 'post' //默认post

}

});

layedit.build('L_content'); //建立编辑器

});

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 ：

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 富文本图片上传接口与普通按钮 文件上传接口的例子就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。