开发微擎模块的时候,客户端用 tpl_app_form_field_image 进行图片上传,上传后进行编辑时无法显示已上传的多张图片
tpl_app_form_field_image的第二个参数只能是字符串,为了能显示多图,这里用jQ的方法进行实现
项目中我是将多张图片的地址拼接成字符串放入一个字段中
直接上代码:
{php echo tpl_app_form_field_image('imgUrl');}//这是图片上传模板
var imgstr="{$item['thumb']}";//thumb 为储存多图地址的字段
if(imgstr.length>0){
var imgarr=imgstr.split(',');
for (var i = 0; i < imgarr.length; i++) {
var img=imgarr[i];
var atturl="{$_W['attachurl']}"+img;
$('.js-image-imgUrl').parent().find('.js-image-preview').append('<input type="hidden" value="'+img+'" name="imgUrl[]" /><img src="'+atturl+'" data-id="'+i+'" data-preview-src="" data-preview-group="__IMG_UPLOAD_imgUrl" />');
}
}