post方式實現下載文件、打開新頁面(ie8可用)

post方式實現下載文件、打開新頁面(ie8可用)

** 項目遷移到了雲環境,帶有參數的a標籤,點擊一次下載有時會下載兩個文件。所以改爲post方式提交下載需要的參數**
代碼中append()方法行順序不要改變,會影響ie8不生效

var DownLoadFile = function (options) {
    var config ={ method: 'post' };
    var $iframe = $('<iframe id="down-file-iframe" />');
    var $form = $('<form target="down-file-iframe" method="' + config.method + '" />');
    $(document.body).append($iframe);
    $iframe.append($form);
    $form.attr('action', options.url);
    for (var key in options.data) {
        $form.append('<input type="hidden" name="' + key + '" value="' + options.data[key] + '" />');
    }
    $form[0].submit();
    $iframe.remove();
};
//調用方法實現下載。
DownLoadFile({
            url:BASE_URL + 'Download/testDownLoad',
            data:Exceldata
        })

上面js會打開一個新窗口/頁面,下載文件或者展示內容。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章