下载 / 导出 / 文件流 / PDF

// 创建一个提交和下载的公共方法,参数格式为action:'请求地址',method,'请求方式post/get',
// childInput:name:'后台参数key',value:'后台参数值'......]}
createExport(parameter){
    var form = document.createElement('form');
    form.setAttribute('action', parameter.action);
    form.setAttribute('method', 'post');
     // 循环参数列表设置form属性method
    for (var i = 0; i < parameter.childInput.length; i++) {
        var input = document.createElement('input');
        input.setAttribute('type', 'hidden');
        input.setAttribute('name', parameter.childInput[i].name);
        input.setAttribute('value', parameter.childInput[i].value);
        form.appendChild(input);
    }
    document.body.appendChild(form);
    // 使用form的document对象提交请求
    form.submit();
    document.body.removeChild(form);
}

// 调用
this.createExport({
    action : '/base/timeTrend/detailExport',
    childInput : [{
        name:'queryTime',
        value:'2018-02~2018-08'
    },{
        name:'queryType',
        value:1
    },{
        name:'exportAll',
        value:1
    }]
})

window.open('路径 问号拼接传参');
// 或者
let a = document.createElement('a');
a.href = url;
a.download = "download";
document.body.appendChild(a);
a.click();
a.remove();

API.getWatermarkFile({
    "busiType": "credit",
    "isShowMD5": 1,
    "isLightOrShade": 1,
    "waterMarkContent": "222",
    "fileId": fileId,
    "platformCode": "pallas",
    "sensitiveDataMap": {
        "ip": returnCitySN['cip'],
        "time": this.getNowDate(1),
        "domain": "aries",
        "userId": "this.$userContent.userId",
        "userName": " this.$userContent.userName",
    }
}, { responseType: 'arraybuffer' }).then(res => {
    let imgUrl = 'data:image/png;base64,' + btoa(new Uint8Array(res).reduce((data, byte) => data + String.fromCharCode(byte), ""))
     this.imgUrl = imgUrl;
 })

// 在线预览
let win = window.open();
let imgUrl = "data:application/pdf;base64," + res.data.data.fileBase64;
win.document.write('<iframe src="' + pdf + '" frameborder="0" style="border:0; top:0px; left:0px; bottom:0px; right:0px; width:100%; height:100%;" allowfullscreen></iframe>')

// 参考：https://majing.io/posts/10000000381103

// 文件流/base64 下载
aaaa(data) {
    // 完整base64字符串，不知道格式
    // function dataURLtoBlob: function(dataurl) {
    //     var arr = dataurl.split(','),
    //         mime = arr[0].match(/:(.*?);/)[1],
    //         bstr = atob(arr[1]),
    //         n = bstr.length,
    //         u8arr = new Uint8Array(n);
    //     while (n--) {
    //         u8arr[n] = bstr.charCodeAt(n);
    //     }
    //     return new Blob([u8arr], { type: mime });
    // }
    function dataURLtoBlob(dataurl) {
        var bstr = atob(dataurl)
        var n = bstr.length;
        var u8arr = new Uint8Array(n);
        while (n--) {
            u8arr[n] = bstr.charCodeAt(n);
        }
        return new Blob([u8arr], { type: 'pdf' });
    }

    // res.data   就是后台返回的base64的 文件流
    let URL = dataURLtoBlob(data);
    var reader = new FileReader();
    reader.readAsDataURL(URL);
    reader.onload = function(e) {
        // 兼容IE
        if (window.navigator.msSaveOrOpenBlob) {
            var bstr = atob(e.target.result.split(",")[1]);
            var n = bstr.length;
            var u8arr = new Uint8Array(n);
            while (n--) {
                u8arr[n] = bstr.charCodeAt(n);
            }
            var blob = new Blob([u8arr]);
            window.navigator.msSaveOrOpenBlob(blob, '采购单.pdf');
        } else {
            // 转换完成，创建一个a标签用于下载
            var a = document.createElement('a');
            a.download = '采购单.pdf';
            a.href = e.target.result;
            a.setAttribute("id", "export")
            document.body.append(a); // 修复firefox中无法触发click
            a.click();
            document.getElementById("export").remove();
        }
    }
}

  defaultUrl: {
    value: DEFAULT_URL, // 新增
    // value: 'compressed.tracemonkey-pldi-09.pdf', // 注释此段
    kind: OptionKind.VIEWER
  }