zoukankan html css js c++ java

页面下载文件方法，post与get

handleExport(){
  const url='/api/admin/gateLog/export';
  const downloadHelper = $('<iframe style="display:none;" id="downloadHelper"></iframe>').appendTo('body')[0];
  const doc = downloadHelper.contentWindow.document;
  if (doc) {
    doc.open();
    doc.write('');//微软为doc.clear()有时会出bug
    doc.writeln("<html><body><form id='downloadForm' name='downloadForm' method='post' action='"+ url+"'>");
    const queryParam = this.listQuery;
    for(let key in queryParam){
    doc.writeln("<input type='hidden' name='"+key+"' value='"+queryParam[key]+"'>");
    }
    doc.writeln('</form></body></html>');
    doc.close();
    const form = doc.forms[0];
    if (form) {
      form.submit();
    }
  }
}

// form-data方式提交数据进行下载
// $tg表示整个当前页面的this.
function uploadFileFormData($tg,rspUrl) {
  MessageBox.confirm('是否对当前搜索条件下的数据进行导出操作?', '提示', {
    confirmButtonText: '确定',
    cancelButtonText: '取消',
    confirmButtonClass: 'importantCls roundDialog',
    cancelButtonClass: 'roundDialog',
    type: 'warning'
  }).then(() => {
    const params = Object.keys($tg.listQuery).map(key => {
      if($tg.listQuery[key] && key != 'page' && key != 'limit') {
        return encodeURIComponent(key) + "=" + encodeURIComponent($tg.listQuery[key]);
      }
    }).join("&");
    const url = rspUrl+'?token=' + getToken() + "&" + params;
    const $form = $("<form id='exportData' class='hidden' method='POST' action='" + url + "'></form>");
    $("body").append($form);
    $form.submit();
  })
}

根据url直接下载，模拟ifream下载
exportRouter() {
    this.$confirm('是否导出所有路线?', '提示', {type: 'warning'}).then(() => {
        const url = 'http://xxx.xxx/xxx'
        var iframe = document.createElement("iframe");
        iframe.src = url
        iframe.style.display = "none";
        document.body.appendChild(iframe);
        window.URL.revokeObjectURL(url); // 释放掉blob对象
    })
}

查看全文

相关阅读:
OI无关透彻随笔
 置顶帖(传送门)/to 学弟一个菜鸡的故事
 洛谷P1494 小Z的袜子莫队
 关于对拍的一些认识
 关于带权二分/wqs二分的一些认识
 关于 KDtree 的一些认识
 关于网络流的一些认识
 省选考前模板
 关于多项式的一些认识/多项式入门
 小球与盒子的奇妙关系

原文地址：https://www.cnblogs.com/xiaoer-heidou/p/14764834.html