Gizport
1 回答
0
Share (facebook)
167
view
全般

HTMLのDataUrl(BASE64)でFirefoxでは破損イメ...

HTMLのDataUrl(BASE64)でFirefoxでは破損イメージ表示になり表示できません。 テストで簡単なJPG画像をBASE64デコードしHTMLを作成しましたが、
IE8では正常にエンコードされて画像が表示されましたが、
Firefox14では破損イメージのアイコン表示になり表示できません。
FirefoxでBASE64を表示する方法を教えてください。
ネット情報ではIE7以前ではDataUrlは対応していないという情報はありましたが
Firefoxではとくにそのような情報は見つけられなかったのですが、
何か設定かアドインとかが必要なのでしょうか?
それらしいアドインで"Leet Key"とかは試してみたのですが変わりませんでした。

以下にテストしたHTMLソースです。
------------------------------------------------------------
<html>
<head>
<title>BASE64 Test</title>
</head>
<body>
<br>data:image/jpg;base64[
<img src="data:image/jpg;base64,/9j/4AAQSkZJRgABAQEAYABgAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/2wBDAQkJCQwLDBgNDRgyIRwhMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjL/wAARCAAQABADASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwDvYYYfGNumr6ui3mnXarcWGnXMaPFbRsi4JGPmkYfMSc7NxVTjJcmhh8HW76vpCLZ6daK1xf6dbRokVzGqNkgY+WRR8wIxv2hWOMFCGaHwdbppGrutnp1oq29hqNzIiRXMaouATn5ZFHykHG/aWUYyEJpofGNu+kaQ63mnXatb3+o20iPFbRsjZAOfmkYfKAM7NwZhjAf88/4Vf7V+1fm/7d5fytb+rnd+79mf/9k=====" />
]<br>
</body>
</html>
------------------------------------------------------------
Yahoo!知恵袋 4514日前
コメントする
お気に入り
1
質問者が選んだベストソリューション
■捕捉について■
いろいろ試してみましたが、IE以外では正常にデコードできませんでした。
データに欠損があるか、エンコーダーに問題があると思われます。

ちなみに、以下のURLのWebサービスで同一の画像をエンコードしたら正常に表示できましたよ。
画像をBase64に変換するツール (data URI scheme)
http://blog.thingslabo.com/archives/000058.html

エンコードした結果
------------------------------------
<html>
<head>
<title>BASE64 Test</title>
</head>
<body>
<br>data:image/jpg;base64
<img alt="" title="" width="16" height="16" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGnSURBVDhPpZPPTttAGMQnToptEQU3IaEXBKqiSpV6Rn0CHoCX4MTT8ExIiBsXKipVJDeS1EmonPhf7OGbzY1TJVv64sk3v1mvd9fYcUlyQ5Z22xXcvt5xFIKnPXAU7Mtp623MY1nsWaZUtkVmLLMt6qyAH+U4G53h/uEG/aMKi/kEuoajcyzf2vh5cYvpfIp87cMLDvApCAA3WrXl4BDs2VPi1SX/vERMN2MzfriSVk+eGLHKKAvmmUFTZ7xMLjmLI/vf5WIOVrnnSprscbbsOUasMiwyGyB55Gd7z7y8YsWvrHnIfysBPrcxXEmrJ6/i2LHKKIsvNp3J87VN75xZCT4/KdBlrUGSjiunrSdPjFhllLU5AifHHrq2KFkCfPseAomJ3AfSaF/S1pMnRqwyynq0Ve60c8SLGY6iCOkyRZ0DrXAAFB1X0urJEyNWGWU9t08fLlvb/+oJ8lr2s6t8DIYneFuvEfZDtLW9aQwc7FxJqydPjFhllPVabWD2t0ZiBynoAr9/pfaSJnybc7jel7T15IkRq4yyzbex+UFqeJSbf0xNP+d3pQMegxBSOrcAAAAASUVORK5CYII=" />
<br>
</body>
</html>
------------------------------------
いかがでしょうか?


=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
Firefoxの場合、Base64エンコーダーのアドオンが必要のようですね。

https://addons.mozilla.org/ja/firefox/addon/base64-encoder/
Yahoo!知恵袋 4511日前
シェア
 
コメントする
 

参考になったと評価
  このQ&Aは参考になりましたか?

Share (facebook)
その他の解決方法を知っていますか?
回答する
全般
40
Views
質問者が納得■捕捉について■ いろいろ試してみましたが、IE以外では正常にデコードできませんでした。 データに欠損があるか、エンコーダーに問題があると思われます。 ちなみに、以下のURLのWebサービスで同一の画像をエンコードしたら正常に表示できましたよ。 画像をBase64に変換するツール (data URI scheme) http://blog.thingslabo.com/archives/000058.html エンコードした結果 ------------------------------------ ...
4514日前view40

取扱説明書・マニュアル

1619view
http://www.jp.onkyo.com/.../base-v20_j.pdf
76 ページ2.55 MB
もっと見る

関連製品のQ&A