微擎图片上传组件
使用前请务必 load()->func('tpl'); 加载模板组件函数
上传头像
此组件是支持裁剪头像
方法调用
tpl_app_form_field_avatar($name, $value = '')
方法参数
$name 表单字段的名称，同一页面不能为空 $value 用户的头像图片地址
调用示例
{php echo tpl_app_form_field_avatar('avatar', $profile['avatar']);}
上传图片
此组件是可同时上传多张，并支持预览
方法调用
tpl_app_form_field_image($name, $value = '')
方法参数
$name 表单字段的名称，同一页面不能为空 $value 用户的头像图片地址
调用示例
<div class="mui-input-cell">
{php echo tpl_app_form_field_image('image', $image);}
</div>
原形函数
您可以在JS中直接调用此函数，实现自定义的上传图片
方法调用
util.image(Element, CallBackFunction, Options);
方法参数
Element Dom节点对象，或是JQ对象，也可为空 CallBackFunction 上传图片完成后，执行的回调函数，接收一个参数 result Options 上传选项 crop 是否需要裁剪，默认为 false multiple 是否支持上传多张，默认为 false，开启crop时，此项只能为false preview 是否支持图像预览，默认为false aspectRatio 裁剪图片宽高比，默认为 1/1，格式最好为：w/h dest_dir 调用图片目录
调用示例
function selectSpecItemImage(obj){
util.image('', function(val){
$(obj).attr('src',val.url).popover({
trigger: 'hover',
html: true,
container: $(document.body),
content: "<img src='" + val.url + "' style='width:100px;height:100px;' />",
placement: 'top'
});
var group =$(obj).parent();
group.find(':hidden').val(val.attachment), group.find('i').show().unbind('click').click(function(){
$(obj).attr('src',"{EWEI_SHOPV2_LOCAL}static/images/nopic100.jpg");
group.find(':hidden').val('');
group.find('i').hide();
$(obj).popover('destroy');
});
});
}
