《Django By Example》Django知识与坑

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

2018-06-13  本文已影响3人  sun_wenming

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

上一篇 下一篇

猜你喜欢

热点阅读