問題タブ [data-uri]

私は、ユーザーがPNGファイルを選択し、それにチャンクを書き込んiTXtで、それをローカル ファイル システムに保存できるようにする Web アプリケーションを作成しています。そのためには新しいFileWriterAPI を使用しますが、現在のところ Google Chrome だけがサポートを追加しています。

ファイルはメモリ内でバイナリ文字列として表されるため、データ URI を使用して、次のようにユーザーにファイルを保存するように求めます。

MIME タイプはapplication/octet-streamブラウザーであるため、ユーザーはそれを開くか保存するように求められます。ただし、問題は、ユーザーがファイルの種類がわからないことです。そのため、ユーザーはファイル拡張子を手動で追加する必要があります。

現在、ファイルを保存する必要がある拡張子をユーザーに警告しています。しかし、これは洗練されていない解決策のようです。同じ結果を達成するためのより良い方法はありますか?

誰かが私のテストでエラーを指摘できるかもしれませんが、CSS エンコードで SVG フィルターをdata: uri使用して追加のファイルを使用しないようにしたい場合、データが base64 としてエンコードされていないと失敗するようです。

私は Firefox Aurora でテストしましたが、他のブラウザーはどちらの場合もフィルターを認識しないようです。

テスト ファイル:

http://martinezdelizarrondo.com/bugs/svgfilter.htmlのライブ デモ

url() の内容はどちらの場合も同じです。

http://software.hixie.ch/utilities/cgi/data/dataでエンコード

ご覧のとおり、最初の例は赤のままですが、2 番目の例では svg フィルタが適用され、テキストが灰色になります。

最初のケースで何かを忘れましたか？

このバグでは、エンコーディングについて何も見つけられなかったので、それは可能であると思います (そして、確かに base64 で「暗号化」するよりも、より単純なテキスト エンコーディングを使用する方がはるかに優れています)。

ありがとう

画像のドラッグ アンド ドロップ アップロード システムをセットアップしようとしていますが、PHP を使用してデータをファイルに書き込む方法がわかりません。

現在、FileReader.readAsDataURL()アップロードされた画像のデータ URI を取得し、それを に保存するために使用していますvar data。

内部save_image.php:

ダウンロードしようtest.pngとしましたが、画像が破損していると表示されます。

私も使ってみましたimagecreatefromstring()：

現在、jQuery と を使用したドラッグ アンド ドロップ ソリューションがありFileReader、Chrome と Firefox で動作します。アップロードする画像のデータ URIをreadAsDataURL取得し、そのデータを PHP に POST してサーバーにファイルとして書き込みます。

コードを大幅に要約しましたが、プロセスは次のようになります。

$.ajax次に、データ URI を POST するために呼び出す別の関数があります。サポートできるブラウザのチェックもありますFileReader。

whereinitDnD()は前の例です。

.disabledクラスについては<input type="file" />、Safari/IE に頼っています。ユーザーが選択したファイルを取得して、すぐに Safari/IE のデータ URI に変換する方法はありますか? これは、データ URI を画像として保存する PHP スクリプトを再利用したいからです。

だから私はデータ URI を使用して HTML データを Excel にエクスポートしていますが、問題は IE (修正中) では機能せず、Mac でも機能しないことです。それは生の HTML にエクスポートされますが、これは明らかに私が望んでいるものではありません。これが私のHTMLです（Windowsでは完全にExcelにエクスポートされます：

そして、ここに私のJavaScriptがあります:

Mac の別の MIME タイプと何か関係がありますか? 私は何を間違っていますか？

PHP ベースの API からデータを JSON として取得する JavaScript アプリケーションを作成しています。<img>現在、画像の URL は API から受信され、タグを使用して表示するために使用されます。

通常の画像 URL の代わりに dataURI を使用することは実用的で効率的ですか? 私のアプリケーションは主に携帯電話を対象としています。クライアント側で追加の処理能力が必要ですか?

openlaszloにデータURI機能があるかどうか知りたいです。次の例は、赤い点が画像であり、base64データがそれに渡される赤い点を示しています。このようなことは可能ですか？

例を以下に示します

ローカル画像を取得し、サイズを変更してdataURIを出力したいと思います。base64_encodeコードが機能しないのはなぜですか？

データURIを有効なサイレントサウンドに設定する方法を知っている人はいますか？そのようなものが存在するかどうか本当に興味があります！ありがとうございました。