1.修改上传js增加标题模板
previewtpl: '<li class="col-xs-3"><a href="<%=fullurl%>" data-url="<%=url%>" target="_blank" class="thumbnail"><img src="<%=fullurl%>" onerror="this.src='' + Fast.api.fixurl("ajax/icon") + '?suffix=<%=suffix%>';this.onerror=null;" class="img-responsive"></a><a href="javascript:;" class="btn btn-danger btn-xs btn-trash"><i class="fa fa-trash"></i></a></li>', previewtpls: '<li class="col-xs-3"><a href="<%=fullurl%>" data-url="<%=url%>" target="_blank" class="thumbnail"><img src="<%=fullurl%>" onerror="this.src='' + Fast.api.fixurl("ajax/icon") + '?suffix=<%=suffix%>';this.onerror=null;" class="img-responsive"></a><input type="hidden" name="<%=name%>[<%=index%>][value]" value="<%=url%>"/><input type="text" name="<%=name%>[<%=index%>][key]" value="<%=value%>" class="form-control" placeholder="请输入图片描述" /><a href="javascript:;" class="btn btn-danger btn-xs btn-trash"><i class="fa fa-trash"></i></a></li>',
2.做多图判断以及数组处理
$(document.body).on("keyup change", "#" + input_id, function (e) { var inputStr = $("#" + input_id).val(); try { var keyjson = JSON.parse(inputStr); } catch (e) { } if(typeof keyjson==='object'){ var inputArr = keyjson; }else{ var inputArr = inputStr.split(/,/); } $("#" + preview_id).empty(); var tpl = $("#" + preview_id).data("template") ? $("#" + preview_id).data("template") : ""; var extend = $("#" + preview_id).next().is("textarea") ? $("#" + preview_id).next("textarea").val() : "{}"; var json = {}; try { json = JSON.parse(extend); } catch (e) { } $.each(inputArr, function (i, j) { if (!j) { return true; } var suffix = /[.]?([a-zA-Z0-9]+)$/.exec(j); suffix = suffix ? suffix[1] : 'file'; var value = (json && typeof json[i] !== 'undefined' ? json[i] : null); var data = {url: j, fullurl: Fast.api.cdnurl(j), data: $(that).data(), key: i, index: i, value: i, row: value, suffix: suffix,name:$("#" + input_id).attr("name")}; var html = tpl ? Template(tpl, data) : Template.render($("#" + input_id).next().find(".fachoose").data("multiple")?Upload.config.previewtpls:Upload.config.previewtpl, data); $("#" + preview_id).append(html); }); refresh($("#" + preview_id).data("name"));});
3.模板调用
{foreach name=":json_decode($__ARCHIVES__.productdata,true)" item="image" key="value"} <a href="{$image|cdnurl}"<img src="{$image|cdnurl}" /></a>标题:{$value}{/foreach}
希望以上内容对你有所帮助!如果还有其他问题,请随时提问。 各类知识收集 拥有多年CMS企业建站经验,对 iCMS, Fastadmin, ClassCMS, LeCMS, PbootCMS, PHPCMS, 易优CMS, YzmCMS, 讯睿CMS, 极致CMS, Wordpress, HkCMS, YznCMS, WellCMS, ThinkCMF, 等各类cms的相互转化,程序开发,网站制作,bug修复,程序杀毒,插件定制都可以提供最佳解决方案。