• 批量下载文件控件


    一、功能性需求和非功能性需求:

    支持文件批量下载。不要java实现,需要在web中实现。

    B/S模式,非C/S模式。

    服务器不需要打包。

    使用JS能够实现批量下载,能够提供接口从指定url中下载文件并保存在本地指定路径中。

    支持大文件断点下载。比如下载10G的文件。

    PC端全平台支持。Windows,macOS,Linux

    全浏览器支持。ie6,ie7,ie8,ie9,ie10,ie11,edge,firefox,chrome,safari

    支持文件夹结构下载。不希望在服务器打包,而是直接下载文件夹,下载后在本地文件夹结构和服务器保持一致。

    //批量下载文件(打包)

    function button_downloadplus(url) {

    var rows = $('#exampleTableEvents').bootstrapTable('getSelections');    //返回所有选择的行,当没有选择的记录时,返回一个空数组

    var $table = $("#exampleTableEvents");

    //alert("进入reload"); 

    //return; 

    if (rows.length == 0) { 

    alert("请选择要下载的数据", "error"); 

    return; 

    };

    var title = "您确定要下载选定的"  + rows.length + "个文件及文件夹吗"

                swal({

                    title: title,

                    text: "此下载占用系统资源,请勿频繁操作!",

                    type: "warning",

                    showCancelButton: true,

                    confirmButtonColor: "#DD6B55",

                    confirmButtonText: "是的,我要下载!",

                    cancelButtonText: "让我再考虑一下…",

                    closeOnConfirm: false,

                    closeOnCancel: false

                }, function (isConfirm) {

                    if (isConfirm) {

    post_url = url + "&time=" + new Date().getTime(); 

    var ids = ''; 

    //遍历所有选择的行数据,取每条数据对应的ID 

    $.each(rows, function(i, row) {

    var file_type = 2;

    if(row['file_type']=='文件夹'){

    file_type = 1;

    }

    ids = ids + '{"id":' + row['id'] + ',"file_type":' + file_type +'};';

    });

    console.log(ids);

    if(ids!=''){

    ids = ids.slice(0,ids.length-1);}

    //定义ajax请求参数 

    var param = {ids:ids};

    console.log(param);

    swal.close();

    $("#loadingModal").modal('show');

    $.dynamicSubmit(post_url,param);

    $("#loadingModal").modal('hide');   //**********************分2步走,先服务器POST提交服务器打包文件,打包完成返回参数给客户端在下载打包后的值

    } else {

    swal("已取消", "您取消了删除操作!", "error")

    }

                })

    }

    /*

     * 动态构建一个Form 并且提交

    */

    $.dynamicSubmit = function (url, datas) {

        var form = $('#dynamicForm');

        if (form.length <= 0) {

            form = $("<form>");

            form.attr('id', 'dynamicForm');

            form.attr('style', 'display:none');

            form.attr('target', '');

            form.attr('method', 'post');

            $('body').append(form);

        }

        form = $('#dynamicForm');

        form.attr('action', url);

        form.empty();

        if (datas && typeof (datas) == 'object') {

            for (var item in datas) {

                var $_input = $('<input>');

                $_input.attr('type', 'hidden');

                $_input.attr('name', item);

                $_input.val(datas[item]);

                $_input.appendTo(form);

            }

        }

        form.submit();

    }

    网上例子:http://blog.ncmem.com/wordpress/2019/08/28/java批量下载/

  • 相关阅读:
    C#实现-浏览器UA解析获得手机、系统、浏览器等信息
    C#代码实现-冒泡排序
    C# DateTime 工具类
    net core 3.1 跨域 Cors 找不到 “Access-Control-Allow-Origin”
    C#/.Net开发入门篇(3)——console类的输入输出
    C#/.Net开发入门篇(2)——第一个控制台应用程序
    C#/.Net开发入门篇(1)——开发工具安装
    docker 学习笔记(2)--docker file命令
    docker 学习笔记(1)--常用命令
    导出大数据方法。批量导BOM
  • 原文地址:https://www.cnblogs.com/songsu/p/13503450.html
Copyright © 2020-2023  润新知