⑴ 在initialPreviewConfig中添加downloadUrl参数
在初始化fileinput中的initialPreviewConfig中添加downloadUrl参数
例如我的:initialPreviewConfig:{downloadUrl:'/media/upload/img/a.png'}
不知道为什么官网initialPreviewConfig中没有介绍这个参数,非常方便。随后出现图片中的下载按钮
PS: 这个参数的路径一定的配对
⑵配置fileinput中的otherActionButtons
// 自定义按钮
var btns = '<button type="button" class="kv-cust-btn btn btn-kv btn-secondary"
{dataKey} title="title">' + '<i class="glyphicon glyphicon-edit"></i>' + '</button>';
// 初始化 fileinput
$("#banners").fileinput({
// 添加自定义按钮
otherActionButtons: btns,
});
$('.kv-cust-btn').on('click', function() {
var $btn = $(this), key = $btn.data('key');
console.log(key); //之后做Get或者Post请求返回下载的文件数据
关于更多请参考官网踩坑otherActionButtons踩的太深可以评论探讨,我尽力帮忙(推荐使用第一种简单快捷)。