Firefox和Chrome不會解碼base64圖像或pdf文件

Question

我試圖使用數據uri方案解碼瀏覽器上的base64編碼圖像。

這是我的HTML是什麼樣子：

<img src="data:image/png;base64,base64_string_here" 
    alt="base64 image name" width="600" height="400" border="1" /> 

Chrome和Firefox都無法解碼這些圖像，並顯示默認的「圖像無法加載」的形象代替。我已經驗證了我傳遞給瀏覽器的base64圖像是正確的。事實上Safari沒有顯示相同圖像的問題。

我試着讓瀏覽器解碼類似的base64編碼pdfs，但是這也不起作用。 （再次，它並沒有在Chrome和Firefox的工作，但在Safari上工作。）

<img src="data:application/pdf;base64,base64_string_here" 
    alt="base64 pdf name" width="600" height="400" border="1" /> 

Chrome版本：18.0，FF版本：11.0

有誰知道什麼可能是錯在這裏？ （如果它有幫助 - 我試圖顯示的base64編碼圖像是USPS運輸標籤）。

Answer 1

Chrome和Firefox很可能會打開TIF圖像 - 如果您告訴它們，它們就是TIF圖像。目前，在你的榜樣，你告訴他們，他們是PNG圖像，這應該是問題...嘗試：

<img src="data:image/tiff;base64,base64_string_here" 
    alt="base64 image name" width="600" height="400" border="1" /> 

Answer 2

實際上，即使您提供正確的MIME類型，瀏覽器，Firefox和Opera不本地支持.TIF文件：它們需要一個插件來處理它們。

有瀏覽器支持的圖像有用的摘要文件的位置：http://en.wikipedia.org/wiki/Comparison_of_web_browsers#Image_format_support

Answer 3

它是與最近的Chromium團隊的決定，阻止頂框架的導航數據的URL（谷歌瀏覽器的最新版本60更新）。

https://productforums.google.com/forum/#!topic/chrome/wvYYcBwJ9FA;context-place=topicsearchin/chrome/category $ 3AStable％7Csort：相關％7Cspell：假