fastadmin 文本框修改为图片或文件上传

add.html:多图片上传

<div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('字段名')}:</label>
        <div class="col-xs-12 col-sm-8">
            <div class="input-group">
                <input id="c-字段" class="form-control" size="50" name="row[字段]" type="text">
                <div class="input-group-addon no-border no-padding">
                    <span><button type="button" id="faupload-images" class="btn btn-danger faupload" data-input-id="c-字段" data-mimetype="image/gif,image/jpeg,image/png,image/jpg,image/bmp" data-multiple="true" data-preview-id="p-images"><i class="fa fa-upload"></i> {:__('Upload')}</button></span>
                    <span><button type="button" id="fachoose-images" class="btn btn-primary fachoose" data-input-id="c-字段" data-mimetype="image/*" data-multiple="true"><i class="fa fa-list"></i> {:__('Choose')}</button></span>
                </div>
                <span class="msg-box n-right" for="c-images"></span>
            </div>
            <ul class="row list-inline faupload-preview" id="p-images"></ul>
        </div>
    </div>
           

edit.html:多图片上传

<div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('你的字段名')}:</label>
        <div class="col-xs-12 col-sm-8">
            <div class="input-group">
                <input id="c-字段" class="form-control" size="50" name="row[字段]" type="text" value="{$row.字段|htmlentities}">
                <div class="input-group-addon no-border no-padding">
                    <span><button type="button" id="faupload-images" class="btn btn-danger faupload" data-input-id="c-images" data-mimetype="image/gif,image/jpeg,image/png,image/jpg,image/bmp" data-multiple="true" data-preview-id="p-字段"><i class="fa fa-upload"></i> {:__('Upload')}</button></span>
                    <span><button type="button" id="fachoose-images" class="btn btn-primary fachoose" data-input-id="c-字段" data-mimetype="image/*" data-multiple="true"><i class="fa fa-list"></i> {:__('Choose')}</button></span>
                </div>
                <span class="msg-box n-right" for="c-images"></span>
            </div>
            <ul class="row list-inline faupload-preview" id="p-images"></ul>
        </div>
    </div>
           

如果是但图片就把images修改为image就好了，js修改只需要在指定字段后添加，根据图片上传的数量决定

formatter:Table.api.formatter.image
formatter:Table.api.formatter.images
           

文件撒上传add.html

<div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('T_files')}:</label>
        <div class="col-xs-12 col-sm-8">
            <div class="input-group">
                <input id="c-t_files" class="form-control" size="50" name="row[t_files]" type="text">
                <div class="input-group-addon no-border no-padding">
                    <span><button type="button" id="faupload-t_files" class="btn btn-danger faupload" data-input-id="c-t_files" data-multiple="true" data-preview-id="p-t_files"><i class="fa fa-upload"></i> {:__('Upload')}</button></span>
                    <span><button type="button" id="fachoose-t_files" class="btn btn-primary fachoose" data-input-id="c-t_files" data-multiple="true"><i class="fa fa-list"></i> {:__('Choose')}</button></span>
                </div>
                <span class="msg-box n-right" for="c-t_files"></span>
            </div>
            <ul class="row list-inline faupload-preview" id="p-t_files"></ul>
        </div>
    </div>
           

exit.html

<div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('T_files')}:</label>
        <div class="col-xs-12 col-sm-8">
            <div class="input-group">
                <input id="c-t_files" class="form-control" size="50" name="row[t_files]" type="text" value="{$row.t_files|htmlentities}">
                <div class="input-group-addon no-border no-padding">
                    <span><button type="button" id="faupload-t_files" class="btn btn-danger faupload" data-input-id="c-t_files" data-multiple="true" data-preview-id="p-t_files"><i class="fa fa-upload"></i> {:__('Upload')}</button></span>
                    <span><button type="button" id="fachoose-t_files" class="btn btn-primary fachoose" data-input-id="c-t_files" data-multiple="true"><i class="fa fa-list"></i> {:__('Choose')}</button></span>
                </div>
                <span class="msg-box n-right" for="c-t_files"></span>
            </div>
            <ul class="row list-inline faupload-preview" id="p-t_files"></ul>
        </div>
    </div>