首页
圈子
文章
课程
交流群
文档
登录
fastadmin拍照生成图片，然后上传服务器
2024-10-15 20:28:28
积分
100
100 积分兑换
开通会员
小程序码
扫一扫在手机上看此文章
文章目录
热门文章
vscode里如果出现中文空格标出黄色突出显示，怎么去掉？
2114
php基础入门课程资料文档课件实战源码
1849
vscode插件code runner详细配置说明
1419
wordpress主题开发文档资料下载
1409
php进阶课程文档资料下载
1052
使用ffmpeg将mp4格式转为m3u8
933
fastadmin监听或重写删除编辑按钮事件
874
整理下php学员遇到的一些问题
859
phpstudy怎么手动安装php8.3.0版本？
826
推荐2款mac电脑里非常好用的php集成开发环境
802
> 今天一个粉丝需要这样的功能，点击拍照按钮，调用摄像头，然后拍照，把照片自动传到服务器内，再填写到表单里。这个功能稍微复杂了些，我们看下怎么实现。 ### 视频地址： https://www.bilibili.com/video/BV1yb421n7AM/ ### 1.在上传按钮的旁边，增加一个拍照按钮  ```html <div class="form-group"> <label class="control-label col-xs-12 col-sm-2">{:__('Testimage')}:</label> <div class="col-xs-12 col-sm-8"> <div class="input-group"> <input id="c-testimage" class="form-control" size="40" name="row[testimage]" type="text"> <div class="input-group-addon no-border no-padding"> <span><button type="button" id="fa-snapButton" class="btn btn-success" > 拍照 </button></span> <span><button type="button" id="faupload-testimage" class="btn btn-danger faupload" data-input-id="c-testimage" data-mimetype="image/gif,image/jpeg,image/png,image/jpg,image/bmp,image/webp" data-multiple="false" data-preview-id="p-testimage"><i class="fa fa-upload"></i> {:__('Upload')}</button></span> <span><button type="button" id="fachoose-testimage" class="btn btn-primary fachoose" data-input-id="c-testimage" data-mimetype="image/*" data-multiple="false"><i class="fa fa-list"></i> {:__('Choose')}</button></span> </div> <span class="msg-box n-right" for="c-testimage"></span> </div> <ul class="row list-inline faupload-preview" id="p-testimage"></ul> </div> </div> ``` ### 2.增加一个视频，一个canvas，和一张图片 !!! warning 此处为本文章的隐藏内容 需花费 100 积分兑换 或 在下方开通会员解锁。 !!!
铜牌 · 会员
50元/年
解锁全部文章
全部课程8折购买
如果在b站充值了专属会员，可联系猫叔直接开通相同时间的此会员
立即购买
金牌 · 会员
1999元/12个月
解锁全部文章
全部课程5折购买
微信一对一答疑
优先解决问题
立即购买
