如何在IE浏览器中将base64字符串转换为Javascript中的文件对象

Question

如何在IE浏览器中将base64字符串转换为Javascript中的文件对象

function dataURLtoFile(dataurl: any, filename: string) {
        var arr = dataurl.split(','), mime = arr[0].match(/:(.*?);/)[1],
            bstr = atob(arr[1]), n = bstr.length, u8arr = new Uint8Array(n);
        while (n--) {
            u8arr[n] = bstr.charCodeAt(n);
        }
        return new File([u8arr], filename, { type: mime });
}

这不适用于IE浏览器边缘。

Answer 1

添加以下内容：

<script src="https://cdn.polyfill.io/v2/polyfill.min.js"></script>

这为旧浏览器增加了js兼容性

Answer 2

在阅读了大量教程后，我发现Blob也被视为文件，我们可以将Blob发布到formdata中。

var base64data = window.localStorage.getItem("img").replace("data:image/png;base64,", "");
        var bs = atob(base64data);
        var buffer = new ArrayBuffer(bs.length);
        var ba = new Uint8Array(buffer);
        for (var i = 0; i < bs.length; i++) {
            ba[i] = bs.charCodeAt(i);
        }
        var file = new Blob([ba], { type: "image/png" });