微擎开发之后台文件上传

使用前请务必 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 上传选项

微信扫码，体验更多开发案例