我在我的 HTML 畫布上使用 toDataURL() 創建了一個字串，創建了一個影像。我希望能夠對該字串進行編碼/解碼，以便它可以與 window.open(string) 一起使用
字串看起來像
data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAB4AAAAOfCAYAAAApbd6bAAAgAElEQVR4Xuzdfaxt6V0X8OHct5nplEHQUFobiJEWakwNiRKjmIqJBQShCS...
uj5u.com熱心網友回復：
這最終對我有用， src 是 base64 字串
const openImg = () => {
const base64ImageData = src;
const contentType = 'image/png';
const byteCharacters = atob(base64ImageData.substr(`data:${contentType};base64,`.length));
const byteArrays = [];
for (let offset = 0; offset < byteCharacters.length; offset = 1024) {
const slice = byteCharacters.slice(offset, offset 1024);
const byteNumbers = new Array(slice.length);
for (let i = 0; i < slice.length; i ) {
byteNumbers[i] = slice.charCodeAt(i);
}
const byteArray = new Uint8Array(byteNumbers);
byteArrays.push(byteArray);
}
const blob = new Blob(byteArrays, { type: contentType });
const blobUrl = URL.createObjectURL(blob);
window.open(blobUrl, '_blank');
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/478178.html
標籤：javascript 网址 帆布 html5-画布 todataurl
上一篇：在html中重用部分url的內容