## 自定義多圖片 默認我們的多圖是沒有圖片描述的，如果我們需要自定義描述，可以使用以下的自定義功能，當然可以定義更多字段 ## 1.需求例子1：我們需要拓展數組字段，如下效果  ## 2.在`application\admin\view\custom`新建custom.html文件 ``` {php}$images = array_map(function($arr){return $arr['image'];}, (array)json_decode($vo['value'], true));{/php} <div class="layui-input-block"> <div class="layui-col-xs4"> <input type="text" name="{$vo.fieldArr}[{$vo.name}]" id="c-{$vo.name}" value="{$images|implode=',',###}" class="layui-input layui-hide"> </div> <button type="button" class="layui-btn faupload" id="faupload-{$vo.name}" data-mimetype="image/gif,image/jpeg,image/png,image/jpg,image/bmp,image/webp" data-multiple="{$vo.type=='image'?'false':'true'}" data-input-id="c-{$vo.name}" data-preview-id="p-{$vo.name}" data-type="image"><i class="layui-icon layui-icon-upload"></i> 上傳</button><button type="button" class="layui-btn fachoose" data-multiple="{$vo.type=='image'?'false':'true'}" data-mimetype="image/*" data-input-id="c-{$vo.name}" id="fachoose-c-{$vo.name}"><i class="iconfont icon-other"></i> 選擇</button> <!--ul需要添加 data-template和data-name屬性，并一一對應且唯一 --> <ul class="layui-row list-inline plupload-preview" id="p-{$vo.name}" data-template="{$vo.name}Tpl" data-name="{$vo.fieldArr}[{$vo.name}]"></ul> <!--請注意 ul和textarea間不能存在其它任何元素--> <textarea name="{$vo.fieldArr}[{$vo.name}]" class="layui-textarea layui-hide">{$vo.value}</textarea> </div> <!--這里自定義圖片預覽的模板 開始--> <script type="text/html" id="{$vo.name}Tpl"> <li class="file-item thumbnail"> <a href="javascript:;"> <img data-image src="{{d.url || '/assets/img/noimage.jpg'}}" data-original="{{d.url || '/assets/img/noimage.jpg'}}"> <div class="file-panel"><i class="iconfont icon-drag-move-2-fill move-picture" data-cursor="pointer" style="cursor: pointer;"></i> <i class="iconfont icon-crop-line btn-cropper" data-input-id="c-{$vo.name}"></i> <i class="iconfont icon-delete-bin-line remove-picture"></i></div> </a> <input type="hidden" name="{$vo.fieldArr}[{$vo.name}][{{d.index}}][image]" placeholder="" value="{{d.url|| ''}}"/> <input type="text" name="{$vo.fieldArr}[{$vo.name}][{{d.index}}][title]" class="layui-input" placeholder="請輸入標題" value="{{= d.value ? d.value.title:''}}"/> </li> </script> <!--這里自定義圖片預覽的模板 結束--> ``` ## 3.然后新建字段  這樣就OK了，你可以完善更多的高級自定義字段 ps:需要注意的是，自定義沒有經過處理，像上面的例子的字段要展現在前端需要json\_decode處理下