[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 上传选项