Posted on |

最近專案上有遇到下載檔名時在IE10中文檔名會亂碼的問題，花了一些時間找到解法，把它記錄下來。
這個方法在Chrome, Safari, IE10+, Edge實測都沒問題，理論上IE10之前應該也支援。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
/**
 * @param {blob} fileFlob - 下載檔案的blob data 
 * @param {string} fileName - 下載檔案名稱
 * @param {string} fileExt - 下檔檔案副檔名 
 */
const handleDownloadFile = (fileFlob, fileName, fileExt) => {
  if (window.navigator.msSaveOrOpenBlob) { 
    // IE
    window.navigator.msSaveBlob(blob, fileName + '.' + fileExt);
  } else {
    const elem = window.document.createElement('a');
    elem.href = window.URL.createObjectURL(blob);
    elem.download = fileName + '.' + fileExt;
    document.body.appendChild(elem);
    elem.click();
    document.body.removeChild(elem);
  }
};

Posted on | Edited on |

Angular2+的專案預設不支援IE，支援方式如下:

  • 首先去看專案底下的polyfills.ts，將所有和IE有關的polyfills取消註解。

  • 因為需要較高的IE版本才能支援Angular，index.html加入:

    1
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />

  • 兩個步驟做完就可以解決IE相容性問題了!