Base 64編碼的圖像在瀏覽器中無法正確顯示？

Question

我有一個不能在html中正確顯示的base64編碼字符串形式的png圖像。這裏是我的代碼：

<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASwAAACWCAYAAABkW7XSAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAFi8AABYvARIm7xwAAB8jSURBVHhe7Z39zxzVdcfzdxCVgvoDbwk2kVCiGBLAAsIPRsYipUIOQUBDEIVAIAiKLGpFLiYCBxSICAKBQKYgiJGxFEghkYOABExqktLaAiMorQuE8mJhjMGw0/nM3bM7L3dm7szuzt47ez7S1T7P7rzcebnfOefcc+98IVIURQkEFSwleA4ciKJNmwbR2rWD6LbbBtHrrw9/UHqHCpYSNPv3R9Hllw+iL8R3spSjjx5Eb789XEDpFSpYStDccosRq3vvHSSW1vbtRrSuvnowXELpEypYSrA88YQRp+uuM2Il4Bby/a5dwy+U3qCCpQTJ7t1GrM46axDt3Tv8cghCxW933qlWVt9QwVKCA2vq0kuNFbVz5/DLFPy+ZMkgOvVUFay+oYKlBIe4gieeOEgsLRvEsFjmgw+GXyi9QAVLCQoECOsJMaK89NLwhxwE4fldUxz6hQqWEhSbN4/FikJag43HHjPLlQmaEiYqWAFB48RisJVFcH0Irn/lK2PBWrOmPEYlbiNpDkp/UMHyDBGlZ54xVsINNwyiM87IWhVVhUaMFdJHyyJvXSFKZahg9ZP4kirzhB4tuuERJwkUpwsWxbp1RrhohJTnn89aV3z30ENmufS6bK8vuUicpxNOMOJNKgPHVxZwBxWsfhJfUqVraHw0pA0bsgJDN/zddw+irVuNEOXzi1xh3Y0bx9tGzNhnyGBxciyMF+QT0apCBaufxJdU6QpyhhCkdBwGqwiBmsXYNywQyVdiv6GC2CJQnDcRLAS5ChWsfhJfUmWWYCUhSOLGUHDVcOvaWlBNICYmohVq4xXrCtE95hhzLHWuLlYly9kSS5VwiS+pMgvefddYAWJNIVgI1zx687DeqAPCFSJnnz1Icq8k6I7rXOfiikuMe6z0BxWsKYM4"/>

如果你嘗試這種在瀏覽器中它沒有顯示整幅圖像。我究竟做錯了什麼？

Answer 1

由於這個問題被標記爲PHP，我們將介紹一些工具，我們可以用它來診斷問題：

• base64_decode()將得到原始的二進制數據回
• file_put_contents()可以保存解碼後的數據成文件
• getimagesize()可用於閱讀了有關畫面尺寸的元數據

如果我們用它來組成一個小我們發現，助手程序：

• 預計圖片大小爲width="300" height="150"

• 實際的圖片看起來像這樣在內置的Windows圖片查看器：

  

這顯然不是150垂直像素值的數據。