問題タブ [data-uri]

Java でファイルをデータ URI としてエンコードする必要があります。これを次の形式で取得できますか?

私はそのようなものを探していましたが、今のところ運がありません.

データ uri として送信される AJAX を使用して画像を読み込もうとしています。画像が 32kb 未満である限り、すべて正常に動作します。一部の画像はサイズが 500 kb 前後と大きいものがあります。これについて調査したところ、IE8 では、datauri を使用してロードされる 32kb 未満の画像のみがサポートされていることがわかりました。

> 32kb のイメージをロードするための回避策はありますか、それとも何か不足していますか?

ここで読んだいくつかの質問に基づいて、コンテンツをスキャンし、画像ソースタグを別のもの (サポートされている場合は特に dataURI) に置き換えようとしていpreg_replace()ます:

私が直面している問題wpdu_base64_encode_image($upload_dir['path'].'/'.\1)は、基本的にpreg_replace結果を出力していることです-現在取得しています:

$upload_dir['path']必要な画像フォルダーへのパスを正しく出力していますが、私が試したものの、まだ達成できていないいくつかのチェックもあります。

1. 画像ソースが相対的なものかどうかを確認し、そうであれば、ドメインを削除します (現在、site_url()必要があると想定しているドメインを使用して実行できますpreg_replace()か?)
2. 画像がサーバーに対してローカルでさえない場合（繰り返しますが、site_url()チェックを使用していると仮定しています）、スキップしてください

preg_replace()誰かに提案があれば、私はよく知りません。本当に感謝しています。ありがとう！

編集:代わりにhttp://simplehtmldom.sourceforge.net/を使用する必要がありますか? かなり重いハンマーのように思えますが、それがより信頼できる方法であるなら、私はそれで十分です - 誰かが以前にそれを使用したことがありますか?

クライアント側でファイルの暗号化と復号化を行い、暗号化されたデータをGoogleCloudStorageに保存するJavaScriptアプリがあります。暗号化とデータ転送はすべて正しく機能しますが、すべての種類のドキュメントをChromeで開くのに問題があります。ChromeにはPDFビューアが組み込まれているため、PDFは正常に機能しますが、他の種類のファイルも自動的に開くようにしたいと思います。例えば：

JavaScriptアプリは、暗号化されたデータを取得し、それを復号化して、Word文書を含むStringまたはByteArrayを生成します。

データURIを作成し、その上でwindow.open（）を呼び出します。PDFの場合、PDFドキュメントを含む新しいタブが開きます。データURIがWordドキュメント（MIMEタイプapplication / vnd.openxmlformats-officedocument.wordprocessingml.document）の場合、（明らかに）コンテンツのない空白のウィンドウが表示されます。

データURIを使用して<A>タグを作成できました。ユーザーがリンクを右クリックすると、正しいデータがダウンロードされますが、ダウンロード時にそのMIMEタイプを自動開くように設定しましたが、Chromeはtそれを開きます。（そのMIMEタイプの通常のHTTPリクエストから送信されたWordドキュメントを自動的に開きます。）

クライアント側のJavaScript文字列から始めて、復号化されたデータでいくつかのことを実行したいと思います。

• 新しいタブ/ウィンドウで開きます（ブラウザで実行できること、またはプラグインがある場合）
• 外部アプリケーションで開く
• ファイルとして保存

これらについて何か助けはありますか？

ありがとう！

約 50 ～ 200 ミリ秒ごとに一連の httprequests から jpeg 画像のバイナリ データを取得し、このデータを base64 文字列に変換し、その文字列を javascript で img タグに挿入します。

そのため、より大きな写真を受け取ると、数秒後に画像 (最初に完全に表示されたもの) が下からどんどん削られていき、特定のポイントに到達するようになります。

ちょっと検索したら出てきた

Internet Explorer 8 では、データ URI が最大 32 KB に制限されています。(Internet Explorer 9 にはこの制限はありません)

試す IE9 を搭載したコンピューターはありません。IE8 と IE6 しかありません。32kb の制限が問題になるのでしょうか? しかし、なぜ画像は最初は正しく表示され、画像を受け取った後はより頻繁に切り捨てられるのでしょうか (常に下から上に表示されます)。

この記事を読んだ後、私には明確な答えがありません。

http://palizine.plynt.com/issues/2010Oct/bypass-xss-filters/

• ブラウザは text/html データ URI ペイロードを、タグが実行される<img> srcドキュメントとして解釈しますか?<script>

• そうでない場合、サードパーティの HTML でデータ URI を許可しても安全ですか?

• このユース ケースでは、ブラウザー レベルでどのような安全メカニズムが存在しますか?

今朝誰かのウェブサイトの実装を見ていたら、彼らが LINK タグの data-uri を介して CSS を定義しているのを見ました。

たとえば、画像を data-uri に入れ、それらを CSSに含めることの合理性は理解していますが、インラインで同じように簡単にできるのに、なぜそのように CSS を含めることを選択するのかはわかりません。

リンクにIDが記載されていることがわかりました。この CSS を DOM から動的に取得し、動的に生成された要素の「スタイル」の値として使用している可能性はありますか? 私はフロントエンドのジョックではありませんが、これを行うには他の方法があると思います。

HTMLは次のとおりです。

同じ主題に関する以前の質問で、8 票の反対票が投じられました。より明確になることを願っています。あなたが実行する場合

どの Web ページでも、Cookie の内容がメッセージ ボックスに表示されます。上記のコードを非常に単純な data-uri ページ内で実行すると (IE ではサポートされていないため、次の文字列を FF または Chrome のアドレス バーにコピー アンド ペーストできます)。

メッセージボックスは空です

これは、data-uri ページで Cookie を使用できないということですか、それともコードにエラーがあるということですか?

おそらく単なる構文エラーですが、この種の使用法に関する完全なリファレンスは見つかりません。Chrome が私のバックグラウンド プロパティを上書きしているので、明らかに気分を害しました。

http://jsfiddle.net/YbA39/2/

赤いボックス (svg css 背景) にあるものを、html のインライン svg のようにレンダリングしたいと考えています。シンプルですね。

できないなんて言わないで！私のインスピレーションはこれです: http://jsfiddle.net/estelle/SJjJb/

すべての意図と目的のために、ユーザーが画像 URL を入力し、ボタンをクリックして、URL の反対側にあるリソースのデータ URI (例: Google ロゴ）。

読んでみると、次のように画像のデータ URI を取得できることがわかりました。

ただし、多くの人 (私自身を含む) が "SECURITY_ERR: DOM Exception 18" を取得しています。これは、クロスドメインの画像が描画されるとキャンバス要素が汚染され、汚染されたキャンバスが canvas.toDataURL() で上記のエラーを返すためです (理由を参照) canvas.toDataURL() はセキュリティ例外をスローしますか? )。私の問題は、クロスドメイン URL をサポートする必要があることです。

私に何ができる？