上一篇我们提到: 如何实现有多个栏目一次性循环调用所有栏目和对应的文章?风格酷模板网分享一个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]
接下来我们进入今天的正文:这里以上传图片为例!其他文件自行修改
首先引入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);
}
}
建议:前端上传功能会影响网站的安全性,如非必须情况不建议使用此功能。
扫一扫,浏览关注本文
金鹿凯斯服饰/服装网站建设以html5响应式一体化设计制作,手机端自动响应,高端大气上次,关键词:成都职业装网站建设,成都职业装···
成都印刷网站建设,成都印刷厂网站设计,成都画册印刷网站制作,成都画册制作网站建设,成都印刷厂家网站建设,四川印刷网站建设,四川···
网站以定制,订制服装网站建设为主的关键词,网站全新的以HTML5框架定制设计,整站目录清新明了,利于网站优化,搜索引擎蜘蛛爬行···
实力让我们引领行业为您锁住健康,让食品更安全,让生活更健康!成都市都江堰市蜀丰食品包装有限公司成立于2014年初,是一家集研···
天翊装饰公司网站以html5响应式一体化设计制作,高端大气上次,关键词:装修公司网站建设,装饰公司网站建设,成都装修公司网站建···
功夫蚂蚁是一家专注于麻辣烫,火锅,串串香行业的优质餐饮连锁加盟公司。提供火锅串串香加盟免费指导、火锅加盟店选址等,让您在加盟···
网站以HTML5制作,pc+wap网站制作自动跳转。关键词:五菱观光车网站建设,五菱巡逻车网站建设,封闭电动巡逻车网站建设,封闭电动观···
扫码访问手机网站
版权所有 Copyright © 2007-2024 四川冠辰科技开发有限公司 川公安网备案:51010602001006号
地址:四川省成都市金牛区五福桥东路229号龙湖北城天街28栋903 蜀ICP备11012605号-1
始于2007年,十五年品牌网站建设,值得信赖!