fastadmin拍照生成图片，然后上传服务器

### 1.在上传按钮的旁边，增加一个拍照按钮
![](https://resource.maoshu.fun/storage/default/20241015/image9f2dcc90db6bc626f5185d6df77120d06336ce56.png?e=1748772875&token=Ov7mXAv_8azPtTTXXyhh0S5qpDFEhafGpHARTAg2:tO89o6IYxD907zj9stv6KHDAg_8=)

```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 积分兑换 或 在下方开通会员解锁。
!!!

铜牌 · 会员

解锁全部文章

全部课程8折购买

如果在b站充值了专属会员，可联系猫叔直接开通相同时间的此会员

¥50/年

金牌 · 会员

解锁全部文章

全部课程5折购买

微信一对一答疑

优先解决问题

¥1999/年