十五年风雨路 · 一心铸精品

一个官网 留一件精品 做一个项目 树一块样板

pbootcms实操通过layui上传实现留言文件上传功能

上一篇我们提到: 如何实现有多个栏目一次性循环调用所有栏目和对应的文章?风格酷模板网分享一个pbootcms模板技巧,如文章博客网站。直接上代码:{pboot:nav}<div class=”panel-title”><a href=”[nav:link]” class=”more”>更多</a>[nav:name]</div><ul class=”list-2″>{pboot:list scode=[nav:scode]

接下来我们进入今天的正文:
2023-02-14

这里以上传图片为例!其他文件自行修改
首先引入layui框架

<link rel=”stylesheet” href=”{pboot:sitetplpath}/layui/css/layui.css?v=v2.5.4″>
<script type=”text/javascript” src=”{pboot:sitetplpath}/layui/layui.all.js?v=v2.5.4″></script>
然后修改前端的留言页面

<div class=”form-group”>
<label for=”mobile”>头 像</label>
<div>
<input type=”text” name=”ico” id=”ico” placeholder=”请上传缩略图” class=”layui-input”>
<button type=”button” class=”layui-btn upload” data-des=”ico”>
<i class=”layui-icon”></i>上传图片
</button>
<div id=”ico_box”></div>
</div>
</div>
<script>
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);
}
}

建议:前端上传功能会影响网站的安全性,如非必须情况不建议使用此功能。


二维码

扫一扫,浏览关注本文

主营业务

  • 高端网站定制
  • SEO网站优化
  • 手机网站建设
  • 网站维护
  • 网页设计制作
  • 微信小程序开发

TAGS

随机案例

  • 蜀丰食品包装网站建设

    蜀丰食品包装网站建设

  • 康伟管业/PP超静音排水管材/网站建设

    康伟管业/PP超静音排水管材/网站建设

  • 婴之皇/孕婴/母婴连锁加盟/网站建设

    婴之皇/孕婴/母婴连锁加盟/网站建设

  • 宏冠服饰网站建设

    宏冠服饰网站建设

  • 金鹿凯斯服饰/服装网站建设

    金鹿凯斯服饰/服装网站建设

  • 伊卡璐服饰/服装网站建设​

    伊卡璐服饰/服装网站建设​

  • 晋沙汇川服装定制网站建设

    晋沙汇川服装定制网站建设

  • 五菱电动观光车网站建设

    五菱电动观光车网站建设

案例展示 / CASE

阿杰美容美发培训网站建设

查看详情

婴之皇/孕婴/母婴连锁加盟/网站建设

查看详情

高铁乘务/成都职业学校/四川高铁职业技术学校/网站建设

查看详情

金鹿凯斯服饰/服装网站建设

金鹿凯斯服饰/服装网站建设以html5响应式一体化设计制作,手机端自动响应,高端大气上次,关键词:成都职业装网站建设,成都职业装···

查看详情

新文必生印务、印刷网站建设、包装网站建设

成都印刷网站建设,成都印刷厂网站设计,成都画册印刷网站制作,成都画册制作网站建设,成都印刷厂家网站建设,四川印刷网站建设,四川···

查看详情

伊卡璐服饰/服装网站建设​

网站以定制,订制服装网站建设为主的关键词,网站全新的以HTML5框架定制设计,整站目录清新明了,利于网站优化,搜索引擎蜘蛛爬行···

查看详情

蜀丰食品包装网站建设

实力让我们引领行业为您锁住健康,让食品更安全,让生活更健康!成都市都江堰市蜀丰食品包装有限公司成立于2014年初,是一家集研···

查看详情

天翊装饰网站建设

天翊装饰公司网站以html5响应式一体化设计制作,高端大气上次,关键词:装修公司网站建设,装饰公司网站建设,成都装修公司网站建···

查看详情

功夫蚂蚁餐饮火锅加盟网站建设

功夫蚂蚁是一家专注于麻辣烫,火锅,串串香行业的优质餐饮连锁加盟公司。提供火锅串串香加盟免费指导、火锅加盟店选址等,让您在加盟···

查看详情

晋沙汇川服装定制网站建设

查看详情

康伟管业/PP超静音排水管材/网站建设

查看详情

五菱电动观光车网站建设

网站以HTML5制作,pc+wap网站制作自动跳转。关键词:五菱观光车网站建设,五菱巡逻车网站建设,封闭电动巡逻车网站建设,封闭电动观···

查看详情

联系我们 / CONTACT US

  • 四川省成都市金牛区五福桥东路229号龙湖北城天街28栋903
  • 服务热线:18080432432  18080432432(微信同号)
  • 总机:028-62322623-0
  • QQ:3575114  107086147

扫码访问手机网站

版权所有 Copyright © 2007-2024 四川冠辰科技开发有限公司    川公安网备案:51010602001006号     

地址:四川省成都市金牛区五福桥东路229号龙湖北城天街28栋903  蜀ICP备11012605号-1

始于2007年,十五年品牌网站建设,值得信赖!  xml地图txt地图