Base64轉Blob下載

Base64轉成Blob

• Base64通過此方法轉成Blob
• dataurl有字首，字首可參考最下面的表格

/**
 * @param {String} dataurl 傳進來的要有檔案格式 
 * @return {Blob} 返回Blob
 * */ 
function dataURLtoBlob(dataurl) {
	let 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 Blob([u8arr], {
		type: mime
	});
	<!-- UTF-8 亂碼可加上 -->
	return new Blob([u8arr], {
		type: `${mime},charset=UTF-8`
	});
}
 

下載

• 把轉好的Blob以引數觸發此函式下載

/**
 * @param {Blob} blob  
 * */ 
function down(blob) {
	const a = document.createElement('a'); //建立a標籤
	a.setAttribute('download', ''); // 名字
	a.setAttribute('href', window.URL.createObjectURL(blob)); // href連結
	a.click(); // 自執行點選事件
	document.body.appendChild(a); //插入body裡
	document.body.removeChild(a); //從body刪除
}
 

亂碼問題

• 大多數都是格式不對
• Base64 字首問題（格式問題）,這裡是常用的格式。