fastadmin 图片

1 mysql

 

2 js

{field: 'image', title: __('Image'), events: Table.api.events.image, formatter: Table.api.formatter.image}

3 add.html

<div class="form-group">

    <label class="control-label col-xs-12 col-sm-2">{:__('Image')}:</label>

    <div class="col-xs-12 col-sm-8">

        <div class="input-group">

            <input id="c-image" data-rule="required" class="form-control" size="50" name="row[image]" type="text" value="">

            <div class="input-group-addon no-border no-padding">

                <span><button type="button" id="plupload-image" class="btn btn-danger plupload" data-input-id="c-image" data-mimetype="image/gif,image/jpeg,image/png,image/jpg,image/bmp" data-multiple="false" data-preview-id="p-image"><i class="fa fa-upload"></i> {:__('Upload')}</button></span>

                <span><button type="button" id="fachoose-image" class="btn btn-primary fachoose" data-input-id="c-image" data-mimetype="image/*" data-multiple="false"><i class="fa fa-list"></i> {:__('Choose')}</button></span>

            </div>

            <span class="msg-box n-right" for="c-image"></span>

        </div>

        <ul class="row list-inline plupload-preview" id="p-image"></ul>

    </div>

</div>

4 edit.html

<div class="form-group">

    <label class="control-label col-xs-12 col-sm-2">{:__('Image')}:</label>

    <div class="col-xs-12 col-sm-8">

        <div class="input-group">

            <input id="c-image" data-rule="required" class="form-control" size="50" name="row[image]" type="text" value="{$row.image|htmlentities}">

            <div class="input-group-addon no-border no-padding">

                <span><button type="button" id="plupload-image" class="btn btn-danger plupload" data-input-id="c-image" data-mimetype="image/gif,image/jpeg,image/png,image/jpg,image/bmp" data-multiple="false" data-preview-id="p-image"><i class="fa fa-upload"></i> {:__('Upload')}</button></span>

                <span><button type="button" id="fachoose-image" class="btn btn-primary fachoose" data-input-id="c-image" data-mimetype="image/*" data-multiple="false"><i class="fa fa-list"></i> {:__('Choose')}</button></span>

            </div>

            <span class="msg-box n-right" for="c-image"></span>

        </div>

        <ul class="row list-inline plupload-preview" id="p-image"></ul>

    </div>

</div>