[TOC] >[warning] 使用前請務必 load()->func('tpl'); 加載模板組件函數，并加載了系統的頭部模板文件 #### 上傳組件 ##### 圖片上傳與選擇控件 此組件支持單圖片上傳 >[info] tpl_form_field_image($name, $value = '', $default = '', $options = array()) * $name 表單字段的名稱，同一頁面不能為空 * $value 表單input值 * $default 默認顯示的縮略圖 * $options 圖片上傳配置信息 *示例* ``` {php echo tpl_form_field_image('single-image');} ``` ##### 批量上傳圖片 此組件支持多圖片上傳 >[info] tpl_form_field_multi_image($name, $value = array(), $options = array()) * $name 表單字段的名稱，同一頁面不能為空 * $value 附件路徑信息 * $options 圖片上傳配置信息 ``` <div class="mui-input-cell"> {php echo tpl_form_field_multi_image('multi-image');} </div> ``` ##### 音頻選擇與上傳 此組件支持單音頻上傳 >[info] tpl_form_field_audio($name, $value = '', $options = array()) * $name 表單字段的名稱，同一頁面不能為空 * $value 表單input值 * $options 音頻上傳配置信息 ``` {php echo tpl_form_field_audio('single-audio');} ``` ##### 批量上傳音頻 此組件支持多音頻上傳 >[info] tpl_form_field_multi_audio($name, $value = array(), $options = array()) * $name 表單字段的名稱，同一頁面不能為空 * $value 表單input值 * $options 音頻上傳配置信息 ``` {php echo tpl_form_field_multi_audio('multi-audio');} ``` ##### 視頻選擇與上傳 此組件支持單視頻上傳 >[info] tpl_form_field_video($name, $value = '', $options = array()) * $name 表單字段的名稱，同一頁面不能為空 * $value 表單input值 * $options 視頻上傳配置信息 ``` {php echo tpl_form_field_video('video');} ``` ##### 微信圖片上傳與選擇控件 此組件支持微信單圖片上傳 >[info] tpl_form_field_wechat_image($name, $value = '', $default = '', $options = array()) * $name 表單字段的名稱，同一頁面不能為空 * $value 表單input值 * $default 默認顯示的縮略圖 * $options 圖片上傳配置信息 ``` {php echo tpl_form_field_wechat_image('wechat-single-image');} ``` ##### 微信批量上傳圖片 此組件支持微信多圖片上傳 >[info] tpl_form_field_wechat_multi_image($name, $value = array(), $options = array()) * $name 表單字段的名稱，同一頁面不能為空 * $value 附件路徑信息 * $options 圖片上傳配置信息 ``` <div class="mui-input-cell"> {php echo tpl_form_field_wechat_multi_image('wechat-multi-image');} </div> ``` ##### 微信語音選擇與上傳 此組件支持單微信語音上傳 >[info] tpl_form_field_wechat_voice($name, $value = '', $options = array()) * $name 表單字段的名稱，同一頁面不能為空 * $value 表單input值 * $options 語音上傳配置信息 ``` {php echo tpl_form_field_wechat_voice('wechat-voice');} ``` ##### 微信視頻選擇與上傳 此組件支持單微信視頻上傳 >[info] tpl_form_field_wechat_video($name, $value = '', $options = array()) * $name 表單字段的名稱，同一頁面不能為空 * $value 表單input值 * $options 視頻上傳配置信息 ``` {php echo tpl_form_field_wechat_video('wechat-video');} ``` #### 原形函數 您可以通過自己調用下列函數，實現自定義的不同類型(圖片、音頻、視頻)文件上傳圖片上傳 >[info] util.image(val, callback, options); * val image 值 * callback 上傳圖片完成后，執行的回調函數 * options 上傳選項 ``` <script> util.image('http://www.we7.cc/web/resource/images/gw-logo.png', function(){ ... ... }, { auto : true, fileNumLimit : 3, fileSizeLimit : 3 * 1024 * 1024 }); </script> ``` 音頻、視頻上傳 >[info] util.audio(val, callback, options); * val audio 值 * callback 上傳圖片完成后，執行的回調函數 * options 上傳選項 微信圖片上傳 >[info] util.wechat_image(val, callback, options); * val image 值 * callback 上傳圖片完成后，執行的回調函數 * options 上傳選項 微信音頻、視頻上傳 >[info] util.wechat_audio(val, callback, options); * val audio 值 * callback 上傳圖片完成后，執行的回調函數 * options 上傳選項