問題タブ [data-url]

以下のように、画像を描画してdataURLを使用して出力することにより、画像を生成するスクリプトを作成しました。

問題は、これらの画像ファイルを一度に保存したいということです。安全上の問題のため、JavaScriptはこれをさまざまな方法で防止しますが、HTML5にはいくつかの可能性があるようです。誰でも一度にすべてのファイルを保存する方法を提案できますか？現在、たとえば10枚の画像を作成する場合、個々の画像を保存するには、Chromeで「名前を付けて保存」を何度も使用する必要があります。JavaScript以外のアイデアも考慮されます。ありがとうございました。

HTML ドキュメントに埋め込む必要がある Python/Django で Code128 バーコードを作成する必要があります。

ディスク上に一時 (またはキャッシュ) ファイルを作成したくありません。だからこそ、それらを Data URI Scheme として埋め込みたいのです。

結果は次のようになります。

これを行う簡単な方法を教えてもらえますか？

現在、ReportLab を使用してそのようなバーコードを作成し、PDF ファイルに埋め込んでいますが、データ URI スキームとしてエクスポートする方法がわかりません。これがこれを行うための推奨される方法である場合。

私はこれをDjangoで行おうとしています（キャンバスを画像ファイルとして非同期アップロードします）。デモで見つかったjavascript（のわずかに変更されたバージョン）を使用しています。これは独自のXHRHttpRequestをロールしますが、サーバー側でアップロードの証拠を見つけることができません。

キャンバスデータは次のように抽出されます。

これはxhrヘッダーです：

これはPOSTコンテンツです。

Djangoに、表示されるリクエストオブジェクトを表示するように依頼すると、次のようになります。

したがって、通常のPOSTキーと値のペアは通過していますが、これに基づいて、response.FILESディクショナリが表示されると予想しました。誰かが私を正しい方向に向けることができますか？

KineticJSのドラッグアンドドロップサンプルに似たゲームを作成しています。これを画像の保存機能と組み合わせて、ユーザーが作成したものの最終結果を保持できるようにしました。

結果のキャンバスの画像の配置を制御する方法を知っている人はいますか？ユーザーが自分の画像をFacebookに共有/投稿したり、メールで送信したり、保存したりするためのオプションを含めたいと思います。

私はそれが

または後にいくつかの余分なコード？

どんな援助でも大歓迎です。

私はこれについて少し混乱しています。HTMLページに画像を表示するには、画像コードをHTML imgタグに埋め込むのが適切ですか（データURL手法を使用）、またはその画像ファイルへのリンクを提供する方が優れています（従来の方法）。誰かが私にそれらの両方の長所と短所を比較して教えてくれるなら、それは大きな助けになるでしょう。

追いかけます...ローカル画像ファイルを取得したいのですが、javascriptを使用してその画像からdataurl値を作成します。どうすればいいのかよくわかりません。私はたくさんのコード例を見てきましたが、それらがキャンバスのもので何をしているのか正確にはわかりません。また、このためにローカルファイルにアクセスすることもできますか？私はそれを賭けても構わないと思っています。それはセキュリティ上のリスクであり、javascriptはサンドボックスを超えて連絡を取ることができません。

基本的に、REALの言い換えJSでは、これが私が探していることです...

最終結果は、ウェブページに印刷されたdataurl文字列「data：image / jpeg; base64、/ 9j/4AAQSkZJRgABAQE...」になることを願っています。

これは意味がありますか？そのdataurl情報を変数に入れたいだけです。

素晴らしいアドバイスをありがとうStackOverflow！

これは私の最初の phonegap または jquery モバイル アプリです。ネイティブ機能を使用してカメラ/キャプチャ API にアクセスする単純な Web アプリを作成しようとしています。

DATA_URL が何であるかを示す方法を示す適切なサンプル コードが見つかりません。このコードをそのままにして、データ URL が生成されるようにするか、SD または localStorage を指す必要がありますか?例？

Dreamweaver cs6 で phonegap ビルドを使用して、このアプリを Web アプリとして作成していることに注意してください。

phonegap Web サイトの関数の例は次のとおりです。

ウェブサイトはmobli-fi.co.ukです

HTMLページにデータURIを含める場合、ASCII、UTF-8、またはbase64を使用するのが最適ですか？

これらのいずれかとして表現できるSVGファイルに使用しています。

UTF-8（URIエンコード後）は、非圧縮の場合でもbase64よりも少し小さいですが、base64を使用することには他の利点（CPUパフォーマンスなど）がありますか？

画像がデータ URL を使用している場合、画像をクリップボードにコピーしようとしても正しく動作しないようです。(IE9、Chrome 25.0.1364.152 でテスト済み)

「Data-Url」画像を貼り付けてペイントできるようです。Word/Excel への貼り付けに失敗します。特別な貼り付けオプションが使用されていない限り。

例: JsFiddle

キャンバス要素にレンダリングされた画像を保存しようとする場合、データ URL をソースとして使用するのが一般的なシナリオです。最初にイメージをディスクに保存するという回避策があります。特殊な貼り付けオプションを使用せずに、これらの画像を直接 Word にコピーできるようにする方法はありますか?

IE9 で画像のプロパティを調べると、次のことがわかります。

通常のイメージに対して

これらのプロパティは通常、リクエストのヘッダーから取得されると思います。これらのプロパティを data-url 画像に設定する方法はありますか? これらのプロパティが設定されている場合は、Word に直接貼り付けることができるはずです。

次のような dataurl 形式の画像があります。

この文字列を JavaScript で別の文字列に変換し、空の jpg ファイルに直接コピーして、ユーザーが表示できるようにする必要があります。
これを達成する方法はありますか？