# 后台文件上传 - [上传组件](#_1) - [图片上传与选择控件](#_2) - [批量上传图片](#_3) - [音频选择与上传](#_4) - [批量上传音频](#_5) - [视频选择与上传](#_6) - [微信图片上传与选择控件](#_7) - [微信批量上传图片](#_8) - [微信语音选择与上传](#_9) - [微信视频选择与上传](#_10) - [原形函数](#_11) > 使用前请务必 load()->func('tpl'); 加载模板组件函数，并加载了系统的头部模板文件 #### 上传组件 ##### 图片上传与选择控件 此组件支持单图片上传 > tpl\_form\_field\_image($name, $value = '', $default = '', $options = array()) > > - $name 表单字段的名称，同一页面不能为空 > - $value 表单input值 > - $default 默认显示的缩略图 > - $options 图片上传配置信息 *示例* ``` {php echo tpl_form_field_image('single-image');} ``` ##### 批量上传图片 此组件支持多图片上传 > 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> ``` ##### 音频选择与上传 此组件支持单音频上传 > tpl\_form\_field\_audio($name, $value = '', $options = array()) > > - $name 表单字段的名称，同一页面不能为空 > - $value 表单input值 > - $options 音频上传配置信息 ``` {php echo tpl_form_field_audio('single-audio');} ``` ##### 批量上传音频 此组件支持多音频上传 > tpl\_form\_field\_multi\_audio($name, $value = array(), $options = array()) > > - $name 表单字段的名称，同一页面不能为空 > - $value 表单input值 > - $options 音频上传配置信息 ``` {php echo tpl_form_field_multi_audio('multi-audio');} ``` ##### 视频选择与上传 此组件支持单视频上传 > tpl\_form\_field\_video($name, $value = '', $options = array()) > > - $name 表单字段的名称，同一页面不能为空 > - $value 表单input值 > - $options 视频上传配置信息 ``` {php echo tpl_form_field_video('video');} ``` ##### 微信图片上传与选择控件 此组件支持微信单图片上传 > 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');} ``` ##### 微信批量上传图片 此组件支持微信多图片上传 > 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> ``` ##### 微信语音选择与上传 此组件支持单微信语音上传 > tpl\_form\_field\_wechat\_voice($name, $value = '', $options = array()) > > - $name 表单字段的名称，同一页面不能为空 > - $value 表单input值 > - $options 语音上传配置信息 ``` {php echo tpl_form_field_wechat_voice('wechat-voice');} ``` ##### 微信视频选择与上传 此组件支持单微信视频上传 > tpl\_form\_field\_wechat\_video($name, $value = '', $options = array()) > > - $name 表单字段的名称，同一页面不能为空 > - $value 表单input值 > - $options 视频上传配置信息 ``` {php echo tpl_form_field_wechat_video('wechat-video');} ``` #### 原形函数 您可以通过自己调用下列函数，实现自定义的不同类型(图片、音频、视频)文件上传图片上传 > 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> ``` 音频、视频上传 > util.audio(val, callback, options); - val audio 值 - callback 上传图片完成后，执行的回调函数 - options 上传选项 微信图片上传 > util.wechat\_image(val, callback, options); > > - val image 值 > - callback 上传图片完成后，执行的回调函数 > - options 上传选项 微信音频、视频上传 > util.wechat\_audio(val, callback, options); > > - val audio 值 > - callback 上传图片完成后，执行的回调函数 > - options 上传选项