使用 JS 访问服务器地址实现下载文件

参考代码

直接 JS 方法下载

/*====================下载文件
 * options:{
 *     url:"",// 下载地址
 *     data:{name: value},// 要发送的数据
 *     method:'post'//访问方式 post / get
 * }
 */

var downloadFile = function (options) {
    var config = $.extend(true, { method: "post" }, options);
    var $iframe = $(" id=\"down-file-iframe\"/>");
    var $form = $("
  
  

   
   ");
    $form.attr("action", config.url);
    for (var key in config.data) {
        if (config.data.hasOwnProperty(key)) {
            $form.append("");
        }
    }
    $iframe.append($form);
    $(document.body).append($iframe);
    $form[0].submit();
    $iframe.remove();
}
  
  

扩展 jQuery 方法下载

/*====================下载文件
 * options:{
 *     url:"",// 下载地址
 *     data:{name: value},// 要发送的数据
 *     method:'post'//访问方式 post / get
 * }
 */

jQuery.extend({
    downloadFile: function (options) {
        var config = $.extend(true, { method: "post" }, options);
        var $iframe = $(" id=\"down-file-iframe\"/>");
        var $form = $("");
        $form.attr("action", config.url);
        for (var key in config.data) {
            if (config.data.hasOwnProperty(key)) {
                $form.append("");
            }
        }
        $iframe.append($form);
        $(document.body).append($iframe);
        $form[0].submit();
        $iframe.remove();
    }
})

示例

// 使用 js 方法
downloadFile({
    url:"url",
    data:{
        name: value
    },
    method:"post"
})

// 使用 jQuery 扩展方法
$.downloadFile({
    url:"url",
    data:{
        name: value
    },
    method:"post"
})

备注

代码依赖 jQuery