問題タブ [data-uri]

PNG ファイルを base-64 でエンコードして、スタイルシートの data:url に含めたいと考えています。どうやってやるの？

私は Mac を使用しているので、Unix コマンド ラインの何かがうまく機能します。Python ベースのソリューションも素晴らしいでしょう。

文字列をtxtファイルとして保存でき、クロスブラウザで動作するJavaScriptライブラリはありますか？

過去にDownloadifyを使用していましたが、いくつかの理由で別のオプションを検討しています。

• Flashを必要とせずに純粋なJavaScriptソリューションを見つけたいと思っています
• Downloadifyはもう更新されていないようです（過去18か月間は更新されていません）
• IE 9のDownloadifyで、文字列が途切れる問題が発生しています。

以下をChromeのURLバーに貼り付けて、右クリック->名前を付けて保存...名前を付けて保存...をグレー表示しようとすると、これがグレー表示されるのを防ぐ方法はありますか？

URL：

WebページをデータURIとして生成するアプリがあります。これらのデータURIは非常に長くなる可能性があります。たとえば、103,828文字の長さのデータURIを持つページがあります。アプリのすべてが機能し、問題はありません。100,000文字の長さのURLを渡すのは少し面倒です：P。そのため、URL短縮サービスを使用してこれらのURLを短縮しようと考えました。

誰かがこれについて書いたようです：http ：//softwareas.com/the-url-shortener-as-a-cloud-database 。著者は、人気のあるURL短縮サービスの文字数制限について言及しており、最も高いのはtinyurlのようで、約65,000文字です。そのような長いURL（100,000文字以上）の短縮を可能にする既存のソリューション/サービスを誰かが知っているかどうか疑問に思っていますか？

私自身の短縮形を実装したいのですが、これを可能にする何かが存在する場合はそれを避けたいと思います。

私は Modernizr を使用して、ユーザーが実行しているブラウザーでサポートされている機能を検出しています。しかし、base64 の互換性をテストする際に、理論的な問題に直面しました。このサポートのパッチについては、こちらで詳しく説明しており、動作します (IE8 の奇妙なケースを除いて)、base64 でエンコードされた最大 32KB の画像のみが許可されます。

32KB の長さの base64 文字列を JS ファイルに埋め込みたくありません。膨大な量のファイルが追加されます。では、JS を使用して 32KB の有効なイメージを作成できますか? 文字列の長さが 32KB に達するまで、何らかのパターンを文字列内で繰り返す、そのようなことを考えています。または、既存の小さな文字列 (Modernizr パッチの文字列など) を取得し、最後にジャンク データを追加しても有効なイメージが得られる場合があります。

base64 エンコーディングについては、既存の画像を操作する方法以外はほとんど知りません。誰にもアイデアはありますか？

次の方法を使用して、画像をbase64文字列に変換します。

このメソッドは、実行時にページの読み込みごとに数回実行されます。サイトのパフォーマンスへの影響が心配です。

パフォーマンスに影響することは承知していますが、大幅に影響しますか？

javascriptから取得し、php経由で保存しようとしているデータURIがあります。私は明らかに破損した画像ファイルを与える次のコードを使用します：

コードの下には、Data-URIとしての実際の画像があります。'logoImage'は上記の文字列であり、$uriは文字列から'image / jpeg; base64、'を引いたものです。

基本的に質問はタイトルにあります。

多くの人が、データ URI の作成方法とその中​​の問題について、stackoverflow という質問をしています。

私の質問は、なぜデータ URI を使用するのですか?

することの利点は何ですか：

やり過ぎ：

サーバー側のオーバーヘッドが少ないことは理解していますが（おそらく）、data URIを使用することの実際の利点/欠点は何ですか?

私の JavaScript スクリプトには、次のような URI データとして画像があります。

要素を持つ multipart/form-data フォームがあり<input type="file" />ます。<input type="file" />その要素を使用して、画像 (データ URI として持っているもの) をサーバーに送信したいと考えています。

私はサーバーを制御できません。

これを達成する方法はありますか？ブラウザをだまして画像をサーバーに送信する方法はありますか?

Base64 でエンコードされた PNG を Web ソケットから Web ページに絞り出し、データ URI を使用して表示しています。

指定された画像のサムネイルバージョンを動的に生成するために、受け取った画像のサイズをより小さなbase64データURIに変更するjavascriptまたはそのフレーバーのいくつかに方法はありますか?

あるいは、HTML の Image オブジェクトを複製して、まだわからない jQuery の手品を使って全体を操作することもできます。

これがクライアント側の JavaScript で実行できれば、サーバー デーモンへの別の HTTP リクエストを回避できます。このリクエストでは、再処理してサイズ変更された画像を配信するのに時間がかかります。