問題タブ [data-url]

すべての画像とCSSを含むページを作成する必要があるため、1つのファイルになります。

MHT（IE Webアーカイブ）のようなものがあることは知っていますが、問題があります。IEとOperaでのみ機能し、FFでは機能しません。そして、私のページがすべてのIE（6+）、Opera、FFで動作する必要があります。私は自分の画像をbase64でエンコードする方法があることを知っています。また、IE6と7はデータURLをサポートしていないことも知っています。私はIE6と7に対するDeanEdwardのトリックを見てきましたが、それはPHPサポートでのみ機能します。そして、私はPHPを使用できないので、これは私にとってはうまくいきません。

それで、この種のページを作成する方法はありますか？「今日IE6を使用しているのは誰か」や「Chromeフレームをインストールする」などの回答はしないでください。私はこれをすべて知っていますが、このように機能する必要があります。

答えてくれてありがとう！

次の base64 ファビコンと、いくつかの base64 イメージを使用したいと思います。

これらはブラウザによってキャッシュされますか?

ユーザーがボタンをクリックすると、テキストエリアのコンテンツがダウンロードできるようになります。

私がこれまでに持っているもの：

次に、コンテンツタイプをtext/cssに設定します。これにより、ブラウザはダウンロードダイアログを開く代わりにcssファイルを表示します。ヘッダーを操作できる場合にダウンロードを強制する方法を知っていますが、JSでのみどのように機能しますか？

ブラウザ (少なくとも Chrome) にdata:text/plainURL をダウンロードさせることができるかどうか疑問に思っていました。

Chrome はバイナリ URL (例: data:application/zip;base64,...) をダウンロードしますが、ブラウザ内で表示できるファイル (テキスト ファイルなど) はダウンロードしません。

これまでに運がなかった私がすでに試したことは次のとおりです。

しかし、このようなヘッダーを追加できないようです。

data:text/plain,...ChromeにURLをダウンロードさせる方法はありますか?

新しい FileReader API を使用して、アップロード前に画像をプレビューしています。これは、DataURL を使用して行われます。ただし、画像が大きい場合、DataURL は巨大になる可能性があります。ユーザーが一度に複数の画像をアップロードする可能性があり、その束をプレビューすると実際にブラウザーが大幅に遅くなり、実際にクロムが数回クラッシュしたため、これは特に問題です。

アップロード前にクライアントで画像をプレビューするために DataURL を使用する代わりに何かありますか?

次のようなページがあります。

をクリックするとTag List、URL が からhttp://localhost/MyApp/に変わりhttp://localhost/MyApp/#AddTag.aspxます。#Tag.aspx の前に追加する理由がわかりませんでした。

後のリンクは、さらに URL を変更しています。同様に:http://localhost/MyApp/#MyApp/AddTag.aspx?id=1これは、AddTag.aspx 内のページ スクリプトが正しく機能していないためです。

JQuery モバイル URL ルールを取得できなかったと思います。

私は午後中ずっとこの問題をグーグルで調べていて、DolphinとBase64ImageまたはDataURLという単語が一緒に表示されている場所で検索を見つけることができないようです。しかし、一般的にbase64画像を埋め込むことに関する記事を見つけると、ほとんどすべての人が、IE以外のほとんどすべてのブラウザーで機能すると言っています。もちろん、デバイス（Samsung Galaxy Tab Gingerbread）でダーンページのソースやエラーコンソールを表示して、ページが何を解釈しているかを確認することはできません。私が得るのは？画像があるべき場所。ChromeとOperaで動作しますが、Dolphinもストックブラウザも動作しません。

基本的に、サードパーティの署名パッドコントロールがあり、その署名画像はbase64でエンコードされた文字列として返されます。次に、base64でエンコードされた文字列を取得し、それをDataURLに変換して、srcとしてimgコントロールに割り当てます。ChromeとOperaの魅力のように機能しますが、動作する必要のあるモバイルブラウザのどちらでも機能しません。

これは私に与えますか？画像があるべき場所。したがって、データURLを取得してこれらのブラウザーで受け入れられるようにする方法が必要であるか、生のbase64コードを使用して画像を生成できるようにする必要があります。また、これはオフラインアプリケーションであり、すべてのソリューションをjavascriptまたはjqueryにする必要があることに注意してください。

編集：他のウェブサイトからのbase64画像（stackoverflowフォーラムからのアバターを含む）がこれらのブラウザーに表示されることがわかりました。画像のサイズを小さくしてみましたが、まだうまくいきません。それでも代替テキストと？を取得します。サイズは間違いなく問題ではありません。動作するアバターのサイズよりも小さいサイズに画像を縮小しました。この画像がこれらのブラウザで機能しない理由については、本当に途方に暮れています。動作する画像とまったく同じもののようです。

IEバージョン6〜9でRFC2397データURLスキームを使用する際に問題が発生しました。以下のサンプルコードは、Safari、FF、Opera、Chromeの現在のバージョンを使用している場合は問題なく機能します。

また

上記のコードをIEを除くほとんどすべてのブラウザに貼り付けると、google.comに移動しますが、IEで試行すると、次のエラーで失敗します。

ウェブページを表示できません

最も可能性の高い原因：

• このWebページの一部のコンテンツまたはファイルには、インストールしていないプログラムが必要です。

お手並みをみせてもらおう：

このWebコンテンツを表示するために使用できるプログラムをオンラインで検索します。

アドレスを再入力します。

生成されたIEエラーページのページソースを調べると、ファイルの関連付けとプロトコルを参照するリンクがあります。

プロトコルタイプ：

説明：不明

Windowsはこのプロトコルを認識しません。

data：プロトコルを使用することは、おそらく最も簡単ではなく、ほとんどの場合最良のオプションではないことを理解していますが、この特定のプロジェクトではそれを使用する必要があります。

私は解決策を探し回って、それが私の構文であることを期待してIEで多くの例を試しましたが、まだ解決策を見つけていません。

シンプルなキャンバスを作成し、画像として保存しました。私はこのコードの助けを借りてこれを行いました:

これで作成された画像をポップアップします：

しかし、その名前は常に奇妙なものです。などのように画像の名前を変更したいのですが、faizan.jpgどうすればいいですか?