Bootstrap fileinput配置「建议收藏」

全栈程序员-站长 • 2022年5月3日下午8:40 • 未分类 • 阅读 152

Bootstrap fileinput配置「建议收藏」$(“#file”).fileinput({showUpload:false,overwriteInitial:false,maxFileCount:5,initialPreview:[“<imgsrc=’/profile/avatar/2019/08/29/d21d8a43f67ba3d7c07be23263e1b581.jp…

大家好，又见面了，我是你们的朋友全栈君。

$("#file").fileinput({
    showUpload:false,
    overwriteInitial:false,
    maxFileCount:5,
    initialPreview: [
        "<img src='/profile/avatar/2019/08/29/d21d8a43f67ba3d7c07be23263e1b581.jpg' 
            class='file-preview-image kv-preview-data' 
            style='width:auto;height:auto;max-width:100%;max-height:100%;'>",
        "<img src='/profile/avatar/2019/08/29/a2e0318c7bdc2b1cb02845bb0d43912d.jpg' 
            class='file-preview-image kv-preview-data' 
            style='width:auto;height:auto;max-width:100%;max-height:100%;'>",
    ],
    initialPreviewConfig: [
        {caption: '0bd5cc2106_hd.jpg', url: '/pic/remove', 
            key: 4, extra: {id: 4} },
        {caption: '97di-htfpvza3930503.jpg', url: '/pic/remove', 
            key: 5, extra: {id: 5} },
    ],
    fileActionSettings: {
        showRemove: true,
        showUpload: false,
        showDownload: false,
        showZoom: false,
        showDrag: false,
        removeIcon: '<i class="fa fa-trash"></i>',
        uploadIcon: '<i class="fa fa-upload"></i>',
        uploadRetryIcon: '<i class="fa fa-repeat"></i>'
    }
});

编辑页面：从数据表获取图片数据并显示，主要是【initialPreview】【initialPreviewConfig】这两个参数，本人是在后台把这两个配置组装好再传值到前台显示的。

效果图：

Bootstrap fileinput配置「建议收藏」

API：https://segmentfault.com/a/1190000018477200?utm_source=tag-newest#articleHeader5

版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请联系我们举报，一经查实，本站将立刻删除。

发布者：全栈程序员-站长，转载请注明出处：https://javaforall.net/135701.html原文链接：https://javaforall.net

赞 (0)

全栈程序员-站长

0 0

oracle截取字符添加数据库,oracle截取字符串前几位的方法_数据库[通俗易懂]

oracle截取字符添加数据库,oracle截取字符串前几位的方法_数据库[通俗易懂]数据库关系的6个性质_数据库数据库关系的6个性质：1、每一列中的分量为同一类型的数据，来自同一个域；2、不同的列可出自同一个域；3、列的次序可以任意交换；4、任意两个元组不能完全相同；5、行的次序可以任意交换；6、每一个分量都必须是不可分的数据库。oracle截取字符串前几位的方法Oracle提前某数据的前几位用substr函数。如test表中数据如下：现要提取dept字段中的前两位，可用如下…

全栈程序员-站长
2025年8月20日
2
ROS中cv_bridge如何用python3进行编译

ROS中cv_bridge如何用python3进行编译最近遇到了个问题，cv_bridge实现了opencv和ros中图像数据类型的转换，但ros-melodic默认python版本是python2。在配置yolact环境的时候，要求是python3。这就导致在ros自带的cv_bridge是python2版本，想使用python3的话需要自己去编译cv_bridge。否则会报错：ImportError:dynamicmoduledoesnotdefinemoduleexportfunction(PyInit_cv_bridge_boo

全栈程序员-站长
2022年5月27日
36
多节点服务器定时任务重复处理的问题

多节点服务器定时任务重复处理的问题项目中有使用Spring定时执行任务的需求，用户可以自定义时间（半小时或整点）去生成需要的报表并发送邮件到用户自己的邮箱。项目里面提供的时间是半小时或整点去执行Spring定时任务，查询数据库中有哪些Schedule是满足要求的，然后去执行那些符合条件的任务。一切功能表现正常，但是项目部署在服务器上后，用户反映在同一时间会收到两封相同的邮件。我们检查了代码和SpringSchedule本

全栈程序员-站长
2022年10月8日
4
Winform开发常用控件之Checkbox和CheckedListBox

Winform开发常用控件之Checkbox和CheckedListBoxWinform的开发基本都是基于控件事件的，也就是事件驱动型的。多选框的放置和值的获取有很多种，这里介绍几个简单常用的方法1、直接放置Checkbox，并获取Checkbox的值上图做法也非常简单，就

全栈程序员-站长
2022年7月2日
29
oracle insert into select写法[通俗易懂]

oracle insert into select写法[通俗易懂]INSERTINTOT_MONITOR_USER_INFO(METER_NO,CONSUMER_NO,USER_INFO,COURT_ID)select*from(selectdistinctMETER_NO,CONSUMER_NO,’wy’asUSER_INFO,EPU_COURTasCOURT_IDfromT_METERwhereC_DISTRICTBCDIDin(selectDISTINCTDISTRICTBCDIDfrom..

全栈程序员-站长
2022年7月15日
42
javascript二叉树基本功能实现

javascript二叉树基本功能实现

全栈程序员-站长
2021年9月17日
44

发表回复

关注全栈程序员社区公众号