問題タブ [data-uri]

Google Earth KML ファイルを生成する Web アプリケーションがあります。サーバーにアクセスする必要がないように、URI を使用してダウンロードを生成しようとしています。

問題はクロスブラウザです。Chrome で動作し、FireFox でもほぼ動作しますが、Internet Explorer ではまったく動作しないようです。

コードは次のとおりです。

「機能する」とは、呼び出し元のブラウザーが Chrome の場合、データがダウンロードされ、Google Earth 内でレンダリングされることを意味します (必要に応じて開始します)。

「ほぼ動作する」とは、ブラウザが FireFox の場合、データはダウンロードされますが、ファイル拡張子が .part であることを意味します。Google Earth へのアクセスを拒否します

そして、「実行していないように見える」とは、IE がそこに座って私を冷笑することを意味します。

interwebz の魔法使いの皆さん、何か考えはありますか?

文字列 (POST リクエストを介して提供される) から Web ワーカーを作成するにはどうすればよいですか?

考えられる方法の 1 つは、サーバーの応答からデータ URI を作成し、それを Worker コンストラクターに渡すことですが、一部のブラウザーでは許可されていないと聞いています。これは、同一オリジン ポリシーによるものです。

MDN は、データ URI のオリジン ポリシーに関する不確実性を述べています。

注: Worker コンストラクターのパラメーターとして渡される URI は、同一オリジン ポリシーに従う必要があります。現在、データ URI が同じオリジンであるかどうかについて、ブラウザー ベンダー間で意見の相違があります。Gecko 10.0 (Firefox 10.0 / Thunderbird 10.0) 以降では、ワーカーの有効なスクリプトとしてデータ URI を使用できます。他のブラウザは同意しない場合があります。

whatwg で議論している投稿もあります。

z.js次のようにDOM要素にスタイルを動的に適用する次の方法があります。

z.Utils.applyStyle関数は次のとおりです。

上記の関数を使用してデータ uri を背景画像として適用したい場合はどうすればよいですか? 何かのようなもの：

37Kの画像でやったのですが、うまくいきませんでした。
私は何を間違えましたか？
動的割り当てでデータ uri を使用できない可能性がありますか?
おそらく大きな 30k+ サイズの base64 データが原因ですか? 問題のある css は、http: //bookingshare.fw.hu/data_uri_long.css
で確認できます。

事前にご協力いただきありがとうございます。

多数の画像と比較して、いずれかのdataURIの使用を（パフォーマンスのために）比較しようとしています。私が行ったことは、2つのテストを設定することです。

1. 通常の画像（WPT）
2. Base64（WPT）

これらの画像/リソースが「どのように」提供されているかを除けば、両方のページはまったく同じです。それぞれに対してWebPageTestを実行しました（上記のWPT）。base64の平均読み込み時間ははるかに高速ですが、通常のビューのキャッシュビューは高速です。リソースが適切にgzip圧縮されていることを確認するために、HTML5 Boilerplateの.htaccessを実装しましたが、ご覧のとおり、静的リソースをキャッシュしないためにbase64のFを取得しています（これが正しいかどうかはわかりません）。私がここで最終的に理解しようとしているのは、どちらがより良い方法であるかということです（議論のために、1つのページにその数のリソースがあると仮定します）。私が知っているいくつかのこと：

1. base64のGETリクエストは大きい
2. base64には1つのリソースがありますが、通常のリソースには300があります（ここでは、より大きなダウナーです...GETリクエストまたはリソースの数）？通常のものについて覚えておくべきことは、制限のために並列にロードできるリソースが非常に多いことです-そしてbase64の場合-実際にはHTMLが読み取れるまで待っているだけです-したがって、技術的にロードされるものはページ自体。

助けてくれて本当に感謝しています-ありがとう！

重複の可能性:
背景画像データを base64 として css に埋め込む、良い方法または悪い方法

Google Chrome ホームページでソースを閲覧していたところ、CSS で画像が base64 でエンコードされていることに気付きました。これの利点は何ですか？http リクエストを減らすためだけにと思いたいところですが、ローカル アプリケーションなので関係ありませんよね？画像をローカルにロードできますか？

Is anyone aware of any security issues with the use of <img src="data:xxxxx"> where the user supplies the content? Assume the content is validated so it fits the format for a data URI so it can't break out of the tag, and is also restricted to image mime types.

http://en.wikipedia.org/wiki/Data_URI_scheme

Java6、Struts2.2.3.1 - バイト配列を画像 (jpg) に変換しています。以下のリンクを参照してください。これを IE で開いた場合、画像は完全ではありませんが、Firefox または Chrome では正常に開きます。

http://jsbin.com/ahely/2

Java
バイト配列をエンコードし、MiGBase64 を使用して文字列に変換します。ここで、this.bean.imageByteArrayString はフォーム Bean を参照します。

JSP

これがIE8で機能しない理由がわかりません。

1日ほど前まで、Canvas2ImageJSライブラリと.toDataURIJSメソッドはChromeで機能していました。http://www.nihilogic.dk/labs/canvas2image/現在、Chromeバージョン19.0.1084.46では、参照ページで[PNGの保存]をクリックしてHTML5キャンバス要素のPNGバージョンをダウンロードしようとしても、プロンプトは表示されません。ダウンロード-ただし、MIMEタイプエラーが生成されます。これは意図的なものですか？おそらくセキュリティ上の理由によるものですか、それともバグですか？（Firefoxでも引き続き機能します。）

javascriptを全面的に使ってローカル画像からData URIを作成したい

ローカル画像を変換する関数を JavaScript で提案できますか?

キャンバスを使用して画像を読み込み、データ uri に変換しました

しかし、次のエラーがスローされます

サーバー側のスクリプトを使用せずに whis を実行する方法を提案してください

ありがとうございました

私は最近 Data URI スキームに出会い、 Wikipediaでそれについて読んでいました。

サンプルコードは次のようになります。

iVBORw0KGgoAAAA...私の質問はこれです: Web サイトで使用するコード (IE: ) をどのように生成しますか?

注：サーバー側のスクリプトを使用せずにこれを行う方法を特に探しています。ただし、この質問に出くわす可能性のある他の人のために、サーバー側のスクリプトの方法を投稿することはできます。また、これを行うウェブサイトを見たことがありますが、どうすれば自分で行うことができますか?