[TOC] >[warning] 函數依賴請查看本章第一節 [概述](http://www.hmoore.net/donknap/we7/175036)，使用前請務必 load()->func('tpl'); 加載模板組件函數 #### 組件 ##### 上傳頭像 此組件是支持裁剪頭像 >[info] tpl_app_form_field_avatar($name, $value = '') * $name 表單字段的名稱，同一頁面不能為空 * $value 用戶的頭像圖片地址 ``` {php echo tpl_app_form_field_avatar('avatar', $profile['avatar']);} ``` ##### 上傳圖片 此組件是可同時上傳多張，并支持預覽 >[info] tpl_app_form_field_image($name, $value = '') * $name 表單字段的名稱，同一頁面不能為空 * $value 用戶的頭像圖片地址 ``` <div class="mui-input-cell"> {php echo tpl_app_form_field_image('image', $image);} </div> ``` #### 原形函數 您可以通過自己調用此函數，實現自定義的上傳圖片 >[info] util.image(Element, CallBackFunction, Options); * Element Dom節點對象，或是JQ對象 * CallBackFunction 上傳圖片完成后，執行的回調函數，接收一個參數 result * Options 上傳選項 * crop 是否需要裁剪，默認為 false * multiple 是否支持上傳多張，默認為 false，開啟crop時，此項只能為false * preview 是否支持圖像預覽，默認為false * aspectRatio 裁剪圖片寬高比，默認為 1/1，格式最好為：w/h