pbootcms通过会员自带上传实现留言表单图片文件上传功能

作者:模板酷 时间:2020-09-04 23:01:21 浏览:4536 点赞:374
4536

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的一些冲突!

QQ截图20200725142220.jpg

QQ截图20200725142245.jpg

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

文章链接:https://www.pbhtml.com/160.html
文章标题:pbootcms通过会员自带上传实现留言表单图片文件上传功能
文章版权:PB模板网 (www.pbhtml.com) 所发布的内容,部分为原创文章,转载请注明来源,网络转载文章如有侵权请联系我们!
原文作者:模板酷 | http://mubancool.com/pbootcms-
本文最后更新发布于2023-01-04 00:12:40,某些文章具有时效性,若有错误或已失效,请在下方留言或联系客服:pbhtml@qq.com

相关阅读

用户评论(测试中无法使用)

通知公告
PbootCMS安全提示
pbootcms网站上线后需要做防护
权限设置|主机防护|数据库路径...
我要查看