[2022.LEARN.015][筆記]base64影像在safari瀏覽器上無法呈現

問題：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);
  
  

解法：

1. 前端處理起來麻煩的話，可能會取向改後端產生圖片網址。
2. 文中的解法是new一個Image的物件，然後把Image物件加到畫面。