問題:Html Image使用base64影像的網址,Chrome等瀏覽器正常,但Safari卻無法呈現。
ex:<img src='data:image/png;base64,iVB....' >
參考:
- https://stackoverflow.com/questions/27396376/base64-image-tag-in-safari-did-not-showed-up
- 其中提到的解法:
// Add an actual base64 string
var encodedImgString = 'data:image/png;base64,iVBORw0KGgoAAA...';
// Create an image, set img source and cross origin attribute
var iosImg = new Image;
iosImg.src = encodedImgString;
iosImg.crossOrigin = 'Anonymous';
// Change this to target your element and add it wherever you need it to appear document.body.appendChild(iosImg);
解法:
- 前端處理起來麻煩的話,可能會取向改後端產生圖片網址。
- 文中的解法是new一個Image的物件,然後把Image物件加到畫面。