angulaire.js - Comment Angular implémente-t-il l'exportation Excel via le service $http?

Question

Le front-end et le back-end sont séparés. Le front-end transmet la publication au back-end via $http de ng, et le back-end renvoie les données avec le type de réponse application/vns.ms-excel Is. existe-t-il un moyen de laisser le navigateur télécharger le fichier Excel ?

Answer 1

// 创建a标签模拟下载
function exportExcel(params, filename) {
    return $http({
        url: '/api/exportExcel',
        method: "POST",
        headers: {
            'Content-type': 'application/json'
        },
        params: params,
        responseType: 'arraybuffer'
    }).success(function (data) {
        var blob = new Blob([data], {type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"});
        var objectUrl = URL.createObjectURL(blob);
        var a = document.createElement('a');
        document.body.appendChild(a);
        a.setAttribute('style', 'display:none');
        a.setAttribute('href', objectUrl);
        a.setAttribute('download', filename);
        a.click();
        URL.revokeObjectURL(objectUrl);
    });
}