如何在 Javascript 中将 base64 字符串转换为文件对象，这应该在 IE 浏览器中工作

Question

如何在 JavaScript 中将 base64 字符串转换为应该在 IE 浏览器中工作的文件对象

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

在阅读了大量教程之后，我发现一个结论，即 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" });

Answer 2

添加以下内容：

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

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