PHP建站技术分享-从入门到精通PHP建站技术分享-从入门到精通PHP建站技术分享-从入门到精通

QQ:420220301 微信/手机:150-3210-7690
当前位置:首页 > CMS教程 > Fastadmin

记多图增加描述简单实现以及调用

管理员 2024-12-14
Fastadmin
9

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修复,程序杀毒,插件定制都可以提供最佳解决方案。

相关推荐

扫码关注

qrcode

QQ交谈

回顶部