文件下載的ie11兼容性優化

　　在 http://www.cnblogs.com/sunshine6/p/8296945.html 中有說關於前后端分離時如何實現文件下載的功能，但是過完年回來，同事告訴我這個方式在ie11上存在不兼容的問題，報如下錯：

　　瀏覽器兼容問題是很頭疼的問題，因為之前也沒遇到過這樣的問題，所以經過兩三個小時才解決。

　　發現在微軟在ie10 和ie11中有兩個特有的方法：window.navigator.msSaveBlob和window.navigator.msSaveOrOpenBlob 方法，這兩個方法的區別在於，前者只有保存，后者有保存和打開兩個選項，按個人喜好使用就行。

　　優化之后的代碼如下：

 /**
     * 導出用戶列表
     */
    private exportUsers(){
        this.http.doPost({
            url: 'system/sysmanager/user/exportUsers',
            responseType:ResponseContentType.Blob,
            body:this.form,
            success: (req, res) => {
                if(window.navigator.msSaveOrOpenBlob){
                    // 兼容ie11
                    try{
                        var blobObject = new Blob([res.json()]); 
                        window.navigator.msSaveOrOpenBlob(blobObject, "用戶列表.xlsx"); 
                    }
                    catch(e){
                        console.log(e);
                    }
                }
                else{
                    var blob = new Blob([res.json()]); 
                    var a = document.createElement('a');
                    a.href = URL.createObjectURL(blob); // xhr.response is a blob
                    a.download = "用戶列表.xlsx";
                    a.style.display = 'none';
                    document.body.appendChild(a);
                    a.click();
                    a.remove();
                }
            }
        });
   }

 

　　如果有什么不當之處，請大家多多指出。