已解決430363個問題，去搜搜看，總會有你想問的

在JavaScript中從base64字符串創建Blob

首頁猿問在JavaScript中從base...

在JavaScript中從base64字符串創建Blob

JavaScript 算法與數據結構

森欄 2019-05-29 15:41:39

在JavaScript中從base64字符串創建Blob我在字符串中有base64編碼的二進制數據。const contentType = 'image/png';const b64Data = 'iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8 /w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg==';我想創建一個blob:包含此數據的URL并將其顯示給用戶。const blob = new Blob(????, {type: contentType});const blobUrl = URL.createObjectURL(blob);window.location = blobUrl;我還沒有弄清楚如何創建Blob。在某些情況下，我可以通過使用data:URL 來避免這種情況。const dataUrl = `data:${contentType};base64,${b64Data}`;window.location = dataUrl;但是在大多數情況下，data:URL非常大。如何Blob在JavaScript中將base64字符串解碼為對象？

查看完整描述

4 回答

揚帆大魚

TA貢獻1799條經驗獲得超9個贊

優化（但不太可讀）的實現：

function base64toBlob(base64Data, contentType) {
    contentType = contentType || '';
    var sliceSize = 1024;
    var byteCharacters = atob(base64Data);
    var bytesLength = byteCharacters.length;
    var slicesCount = Math.ceil(bytesLength / sliceSize);
    var byteArrays = new Array(slicesCount);

    for (var sliceIndex = 0; sliceIndex < slicesCount; ++sliceIndex) {
        var begin = sliceIndex * sliceSize;
        var end = Math.min(begin + sliceSize, bytesLength);

        var bytes = new Array(end - begin);
        for (var offset = begin, i = 0; offset < end; ++i, ++offset) {
            bytes[i] = byteCharacters[offset].charCodeAt(0);
        }
        byteArrays[sliceIndex] = new Uint8Array(bytes);
    }
    return new Blob(byteArrays, { type: contentType });}

反對回復 2019-05-29

4 回答
0 關注
1264 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

在JavaScript中從base64字符串創建Blob

在JavaScript中從base64字符串創建Blob

4 回答

添加回答