您现在的位置是:首页 > 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的一些冲突!
注意:前端上传功能会影响网站的安全性,容易导致网站被入侵,如非必须情况不建议使用此功能。

本文标签:

很赞哦! ()

相关源码

  • (自适应)英文绿色精密模具零件加工五金零件pbootcms外贸网站模板本模板基于PbootCMS开发,为五金零件、精密模具加工等英文外贸企业设计。采用响应式布局,适配各类移动设备,是五金零件企业开展国际贸易的专业展示平台。查看源码
  • (自适应)WordPress二次元博客主题SakurairoSakurairo主题为二次元内容创作者设计,提供丰富的动漫风格元素和个性化的展示效果。该主题在原有Sakura主题基础上进行了功能增强,支持多种自定义设置,满足动漫爱好者建立个人博客的需求。查看源码
  • 自适应黑色建筑装饰设计公司个人工作室pbootcms模板基于PbootCMS内核开发的黑金风格模板,为建筑装饰、工程设计类企业打造,采用‌开源架构‌,支持跨行业快速适配,核心优势如下: 查看源码
  • 响应式帝国cms7.5NBA黑色体育资讯模板下载本模板为体育新闻媒体、报道机构设计,采用帝国CMS7.5内核开发,具备完整的资讯发布、体育日历、数据展示功能。响应式布局确保在手机端呈现实时资讯和图文内容查看源码
  • (自适应)宽屏大气红色机械设备pbootcms模板源码下载为机械设备制造企业设计的响应式网站模板,采用PbootCMS内核开发。宽屏布局突出设备展示效果,红色工业风格贴合机械行业属性,支持PC端与手机端自动适配查看源码
  • (自适应响应式)绿色环保材料设备科技类营销型网站pbootcms源码下载本模板基于PbootCMS开发,主要面向环保设备、环保材料及相关科技企业。采用HTML5+CSS3技术构建,具备响应式特性,确保在各类设备上均有良好展示效果。查看源码
分享笔记 (共有 篇笔记)
验证码: