美文网首页《Django By Example》Django知识与坑
django + fileinput文件下载功能的实现 (二种方

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

作者: sun_wenming | 来源:发表于2018-06-13 16:48 被阅读3次

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

    相关文章

      网友评论

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

        本文链接:https://www.haomeiwen.com/subject/geojeftx.html