PBOOTCMS表单在线留言带layui上传图片功能_PbootCMS教程_网络技术

PBOOTCMS表单在线留言带layui上传图片功能_PbootCMS教程

栏目：网络技术发布时间：2023-06-18

话不多说，直接上图上代码--这里以上传图片为例！其他文件自行修改首先引入layui框架<link rel="stylesheet" h

话不多说，直接上图上代码--这里以上传图片为例！其他文件自行修改

首先引入layui框架

然后修改前端的留言页面

<div>

<i class="layui-icon"></i>上传图片

</button>

</div>

layui.use(['element','upload'], function(){

var element = layui.element;

var upload = layui.upload;

//执行单图片实例

var uploadInst = upload.render({

elem: '.upload' //绑定元素

,url: '/index.php?p=/index/upload' //上传接口

,field: 'upload' //字段名称

,multiple: false //多文件上传

,accept: 'images' //接收文件类型 images（图片）、file（所有文件）、video（视频）、audio（音频）

,acceptMime: 'image/*'

,done: function(res){

var item = this.item;

layer.closeAll('loading'); //关闭loading

if(res.code==1){

$('#ico').val(res.data[0]);

$('#ico_box').html("<img src='"+res.data[0]+"' width=80 >");

layer.msg('上传成功！');

}else{

layer.msg('上传失败：'+res.data);

}

,error: function(){

layer.closeAll('loading'); //关闭loading

layer.msg('上传发生错误!');

}

});

</script>

apps/home/controller/IndexController.php

新增上传入口函数

public function upload()

{

$upload = upload('upload');

if (is_array($upload)) {

json(1, $upload);

} else {

json(0, $upload);

}

后台对应的改成图片展示或者其他形式

注意：前端上传功能会影响网站的安全性，容易导致网站被入侵，如非必须情况不建议使用此功能。

# 建设导航网站费用吗 # rel # stylesheet # pboot # href # 陶艺网站建设策划书 # 德钦网站推广 # 内江定制网站建设优化 # 网站seo课程推荐排名 # 上海面粉网站建设 # 本溪一站式网站优化模式 # 内黄县网站推广服务公司 # 塔城谷歌seo营销公司 # quot # 网站优化与推广怎么做 # 增城效果好的网站优化 # 独立 seo 设置 # 网络营销推广流程有哪些 # 南京优化培训工作网站 # 品牌营销与推广总结 # 业务网站推广 # 长沙网站建设优化建站 # 网站推广的工作岗位 # 百度关键词收录排名优化 # 营销推广软文是什么 # 多说 # PbootCMS教程 # PBOOTCMS # 表单 # 线留言 # layui # 传图片 # 功能 # 话 # 上传 # 上传图片 # 为例 # PBOOTCMS表单在线留言带layui上传图片功能 # 或者其他 # 绑定 # 发生错误 # 图上 # 文件上传 # 容易导致 # 如非 # css # script # gt # sitetplpath

相关栏目：【网络营销44070 】【网络推广122852 】【网络优化116010 】【网址导航102054 】【网络技术82194 】【网络资讯43554 】

上一篇：平顶山seo关键词优化效果(江门抖音SEo关键词优化)_SEO优化教程

下一篇：浅析模板网站对于优化的问题！(网站seo整站优化)_网站建设教程