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

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

如何移除图片上传后预览中的删除按钮

管理员 2024-12-14
Fastadmin
7

在FastAdmin中,当我们启用了图片上传预览时,在预览区域会自动生成预览图和删除按钮,如下图:
https://cdn.fastadmin.net/uploads/2018/201802/25/8acae8e02375f4f09af30877c1232703
如果我们想上移除掉这里的删除按钮,则需要启用自定义预览模板的功能。
首先我们找到视图中我们的预览容器,比如:

<ul class="row list-inline plupload-preview" id="p-images"></ul>

我们给ul添加一个属性data-template,如下:

<ul class="row list-inline plupload-preview" id="p-images" data-template="customtpl"></ul>

这里的customtpl就是我们的模板ID,接下来我们添加这个模板的内容,直接在视图文件末尾添加如下:

<script type="text/html" id="customtpl">    <li class="col-xs-3">        <a href="<%=fullurl%>" data-url="<%=url%>" target="_blank" class="thumbnail"><img src="<%=fullurl%>" class="img-responsive"></a>    </li></script>

模板中的HTML元素就是我们单条预览的模板,其中可使用的变量如下:

fullurl: 完整的以http开头的URL地址url: 相对的URL地址data:上传按钮的所有data属性值

模板我们完全可以自由发挥,比如添加一个文本框用于文件的描述等等。


希望以上内容对你有所帮助!如果还有其他问题,请随时提问。 各类知识收集 拥有多年CMS企业建站经验,对 iCMS, Fastadmin, ClassCMS, LeCMS, PbootCMS, PHPCMS, 易优CMS, YzmCMS, 讯睿CMS, 极致CMS, Wordpress, HkCMS, YznCMS, WellCMS, ThinkCMF, 等各类cms的相互转化,程序开发,网站制作,bug修复,程序杀毒,插件定制都可以提供最佳解决方案。

相关推荐

扫码关注

qrcode

QQ交谈

回顶部