近期项目中,由于要前端生成二维码图片并下载,用到了记录下。
// base64转blob
base64ToBlob (code) {
const parts = code.split(';base64,')
const contentType = parts[0].split(':')[1]
const raw = window.atob(parts[1])
const rawLength = raw.length
const uInt8Array = new Uint8Array(rawLength)
for (let i = 0; i < rawLength; ++i) {
uInt8Array[i] = raw.charCodeAt(i)
}
return new Blob([uInt8Array], { type: contentType })
}
// ie11 不支持document.all,用此方式判断ie不适用
// 用 window.ActiveXObject 判断是否为ie浏览器
if (window.ActiveXObject !== undefined) {
window.navigator.msSaveOrOpenBlob(blob, fileName)
} else {
const _body = document.body || document.documentElement
const aLink = document.createElement('a')
aLink.setAttribute('download', fileName)
aLink.href = URL.createObjectURL(blob)
_body.appendChild(aLink)
aLink.click()
_body.removeChild(aLink)
}
关于批量下载二维码,我采用的是循环的方式,火狐一次下载多个没问题,谷歌只能下载10个,鄙人的解决办法是 加了延时器。