您现在的位置是:首页 > cms教程 > PbootCMS教程PbootCMS教程

pbootcms通过会员自带上传实现留言表单图片文件上传的方法

霍负2023-01-25PbootCMS教程已有人查阅

导读PBOOTCMS3.0会员版本,里面有个会员上传头像的功能,这里可以稍微修改下当做留言上传的功能,首先member/comm/upload.html文件拷贝到上一层/comm/upload.html

PBOOTCMS3.0会员版本,里面有个会员上传头像的功能,这里可以稍微修改下当做留言上传的功能,首先member/comm/upload.html文件拷贝到上一层/comm/upload.html
里面有图片上传,多图上传,还有文件上传功能
还要修改下里面的上传接口
uploadUrl: '{pboot:upload}'//会员文件上传接口
需要登录改成如下
uploadUrl: '/index.php?p=/index/upload'//文件上传接口
apps/home/controller/IndexController.php
新增上传入口函数
public function upload()
    {
        $upload = upload('upload');
        if (is_array($upload)) {
            json(1, $upload);
        } else {
            json(0, $upload);
        }
}
修改留言模板
<div class="form-group">
<label for="hidden">头像:</label>
<div style="height:100px; width:100px; border:1px solid #ccc; margin-bottom:2px; border-radius:2px">
<img src=""  class="headpic" style="max-width:100%;max-height:100%">
</div>
<input type="hidden" name="ico" id="ico" class="headpic"  class="form-control">  
<buttom class="btn btn-success upload" data-target=".headpic" >上传</buttom>
</div>
引入上传文件
{include file=comm/upload.html}
//添加到这里
{include file=comm/foot.html}
留言是ajax提交的,注意js的一些冲突!
注意:前端上传功能会影响网站的安全性,容易导致网站被入侵,如非必须情况不建议使用此功能。

本文标签:

很赞哦! ()

相关源码

  • (自适应响应式)英文外贸汽车零配件五金机械网站模板为汽车零部件制造商与五金机械出口企业打造的响应式网站模板,内置多语言切换功能,支持产品参数表、OEM能力展示等外贸场景需求。通过结构化数据展示帮助海外买家快速理解产品规格。查看源码
  • (自适应)调节阀门气动球阀控制阀网站模板源码下载为调节阀门、气动球阀等工业设备企业打造的响应式网站模板,基于PbootCMS系统开发。突出产品参数展示与技术文档管理功能,通过专业化的布局设计有效呈现工业设备特性,适配各类终端访问需求。查看源码
  • (自适应)蓄电池能源智能数码科技产品pbootcms模板源码下载本款基于PbootCMS开发的网站模板为蓄电池及能源科技企业设计,特别适合锂电池、储能系统、新能源电池等产品的展示与推广。查看源码
  • (PC+WAP)生活资讯百科新闻门户类pbootcms网站模板为生活资讯、百科门户类企业打造的高性能网站模板,基于PbootCMS开源内核开发,采用HTML5响应式架构,PC与手机端实时数据同步,覆盖全终端用户浏览场景。查看源码
  • (自适应)个人图集图片相册画册pbootcms网站模板源码本模板基于PbootCMS系统开发,为图片展示类网站设计,特别适合个人作品集、摄影画册、艺术图集等内容展示。采用响应式布局技术,确保各类图片在不同设备上查看源码
  • 自适应电子科技类产品公司pbootcms网站模板基于PbootCMS内核开发,为电子科技类企业设计,适用于电子产品展示、企业官网等场景。该模板采用‌开源架构‌,用户可自由访问和修改源码,灵活适配各类行业需求,无需二次开发成本查看源码
分享笔记 (共有 篇笔记)
验证码: