首页 > Web开发 > 详细

利用jQuery 通用文件导出前端实现,MVC文件导出

时间:2019-12-27 10:58:18      阅读:92      评论:0      收藏:0      [点我收藏+]

 

 

/**
 * 下载文件
 * @param options
 * =============================
 *  downLoadFile({
 *      url:‘‘, //下载地址
 *      data:{"id":"4f4fa1d55b114d8cb9a5e46d13b5e5bc"},//请求参数
 *      isNewWinOpen:false,//是否新窗口打开
 *      method:‘post‘
 *  });
 *
 *
 * =============================
 */
function downLoadFile(options) {
    var config = $.extend(true, {
        method: ‘post‘,
        isNewWinOpen: false,
        onLoad:function () {

        }
    }, options);
    var frameName = ‘downloadFrame_‘ + new Date().getTime();
    var $iframe = $(‘<div style="display: none"><iframe name="‘ + frameName + ‘" src="about:blank"></iframe></div>‘);
    var $form = $(‘<form target="‘ + frameName + ‘" method="‘ + config.method + ‘" action="‘ + config.url + ‘"></form>‘);
    if (config.isNewWinOpen) {
        $form.attr("target", "_blank");
    }
    $iframe.children().load(function () {
        try {
            var jsonStr = $(this).contents(‘body‘).text();
            var jsonObj;
            if(jsonStr!=‘‘){
                jsonObj= JSON.parse(jsonStr);
                config.onLoad(jsonObj);
            }
        } catch (e) {

        }
        setTimeout(function () {
            $(this).parent().remove();
        }.bind(this), 3000);
    });
    /*拼接参数*/
    for (var key in config.data) {
        $form.append(‘<input type="hidden" name="‘ + key + ‘" value="‘ + config.data[key] + ‘" />‘);
    }
    $iframe.append($form);
    $(‘body‘).append($iframe);
    $form.submit();
}

 

利用jQuery 通用文件导出前端实现,MVC文件导出

原文:https://www.cnblogs.com/yeminglong/p/12105936.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!