django + fileinput文件下载功能的实现 (二种方法)

一个好的Django专题少不了您的贡献:点我进入专题

效果图

⑴ 在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踩的太深可以评论探讨,我尽力帮忙(推荐使用第一种简单快捷)。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容