Blob, Uint8Aray, atob/btoa in lt IE9 browser ...
Blob, Uint8Aray, atob/btoa in lt IE9 browser
標簽（空格分隔）： compatibility
之前寫的代碼全部在Chrome調試，用IE打開發現各種問題。
1. <a download=""></a>
首先IE不支持HTML5的download屬性：
var a = document.createElement('a');
var ev = document.createEvent('HTMLEvents');
var name = '報告導出列表' + new Date().toLocaleString() + '.xlsx';
ev.initEvent('click', true, true);
a.download = name;
a.href = URL.createObjectURL(blob);
a.click();在IE下是不支持的，可以使用msSaveBlob來解決（IE10+）：
if (navigator.msSaveBlob) {
return navigator.msSaveBlob(blob, name);
}
a.click();2. atob/btoa
base64的encode(btoa)和decode(atob)。IE10+可以支持。低於IE10的可以使用polyfill實現：base64.js。
var byteCharacters;
if (window.atob) {
byteCharacters = atob(b64Data);
} else {
byteCharacters = Base64.decode(b64Data);
}3. Blob
Blob也僅支持IE10+，網上有很多polyfill來實現，這裡僅作推薦Blob.js。
4. Uint8Aray等
有一個庫有很多這方面的支持：其中的typedarray.js，如下部分源碼：
...
global.Int8Array = global.Int8Array || Int8Array;
global.Uint8Array = global.Uint8Array || Uint8Array;
global.Uint8ClampedArray = global.Uint8ClampedArray || Uint8ClampedArray;
global.Int16Array = global.Int16Array || Int16Array;
global.Uint16Array = global.Uint16Array || Uint16Array;
global.Int32Array = global.Int32Array || Int32Array;
global.Uint32Array = global.Uint32Array || Uint32Array;
global.Float32Array = global.Float32Array || Float32Array;
global.Float64Array = global.Float64Array || Float64Array;
...5. 文件下載
推薦一個文件下載庫：FileSaver。使用也很簡單，比如以下直接引用的方式使用：
<script src="../js/FileSaver.min.js"></script>
<script>
...
saveAs(blob, 'hello world.xlsx');
</script>這個庫也僅支持IE10+。
