問題タブ [data-url]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
3 に答える
14230 参照

javascript - Canvas toDataUrl で画像のファイルサイズが大きくなる

toDataUrl() を使用して画像タグのソースを設定すると、保存時の画像が元の画像よりもはるかに大きいことがわかりました。

以下の例では、toDataUrl 関数の 2 番目のパラメーターを指定していないため、デフォルトの品質が使用されています。これにより、元の画像サイズよりもはるかに大きな画像になります。フル品質の 1 を指定すると、生成されるイメージはさらに大きくなります。

なぜこれが起こっているのか、どうすればそれを止めることができるのか誰か知っていますか?

ありがとう:D

以下に例を示します。残念ながら、イメージをクロスドメインにすることはできないため、jsfiddle イメージの 1 つを取得する必要があります。

http://jsfiddle.net/ptSUd/

画像は 7.4kb ですが、出力中の画像を保存すると 10kb であることがわかります。より詳細な画像では、違いがより顕著になります。toDataUrl の品質を 1 に設定すると、画像は 17kb になります。

これには FireFox 10 も使用しています。Chrome を使用すると、画像サイズはまだ大きくなりますが、それほど大きくはありません。

0 投票する
1 に答える
8678 参照

javascript - HTMLCanvasElement にはメソッド「toDataUrl」がありません

キャンバスから dataUrl をフェッチして使用しようとしていますが、さまざまな要素の css background-image として使用されます。しかし、私は常に次のエラーが発生しますUncaught TypeError: Object #<HTMLCanvasElement> has no method 'toDataUrl'

これは私のテストコードです

それはまた変装したセキュリティ機能ですか?それとも単に私が愚かなのですか...

前もって感謝します

0 投票する
1 に答える
658 参照

google-app-engine - Google App Engine を使用して PNG 画像の data:url をローカルに保存する

私は Google App Engine (python) を使用しており、サーバーで利用可能な PNG 画像の data: url を持っています。PNG 画像は、toDataUrl() を使用していくつかのキャンバス コードから生成され、サーバーに ajax されたため、決してファイルにはありませんでした。ユーザーがボタンをクリックしてファイル名を選択し、PNG 画像をローカルに保存できるようにしたいと考えています。[名前を付けて保存] ダイアログ ボックスは、デフォルトの filename.png を提供します。対象ブラウザは FireFox です。動作しないサンプル コードを提供しました。スタックオーバーフローには、この質問に似た質問がいくつかありますが、それぞれ少し異なります。

提案されたファイル名を添付ファイルとして content-disposition を設定しています。ヘッダーの content-type を application/octet-stream に設定しました。しかし、名前を付けて保存ダイアログが表示されません。私は何が欠けていますか?

app.yaml ファイルが標準です

index.html は次のとおりです。

Python コードは次のとおりです。

{{題名}}

0 投票する
1 に答える
3608 参照

jquery - 選択ボックスを更新するために使用する場合、編集オプションの dataUrl が JqGrid で機能しない

私はjqGridが初めてです。editoptions で dataUrl を使用して、行の編集ごとに (編集フォームを表示する前に) 選択ボックスのオプション値を更新しようとしています。

しかし、更新が行われているのが見えず、jqGrid で行を編集しているときに firebug で行われた http 要求が表示されません。

と呼ばれる列でphpファイル"loadPoleManagers.php"を呼び出しており、phpファイルで、オプション付きの選択したhtmlタグ、純粋なhtmlタグを返します。dataUrlPole_manager

何か不足している場合は、誰かアドバイスをいただけますか?

以下は私のjqGridコードです。

ありがとう。

0 投票する
1 に答える
2160 参照

jquery - id属性が指定されているJqueryMobileページでdata-urlを手動で設定するにはどうすればよいですか?

私は少し迷っています...

Jquery MobileページにIDが必要ですが、data-urlをファイルパスに設定します。デフォルトでは、JQMはファイルパスをdata-urlとして受け取りますが、idが指定されている場合、data-urlはidで上書きされます。これは不要です。

それで:

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

私はそれが必要ですが:

data-urlを手動で設定しようとしていますが、次のようには機能しません。

質問
私は何が間違っているのですか?

0 投票する
1 に答える
451 参照

java - JavaでファイルをデータURIとしてエンコードすることは可能ですか?

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

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

0 投票する
1 に答える
60 参照

html - 初心者レベル - DataURL は特定の場所に自動的に保存されますか?

私は完全な初心者で、HTML5 のドラッグ アンド ドロップ ゲームでいくつかの作業を行っています。ユーザーがボタンを押したときにゲームの画像を保存するコーディング チュートリアルを見ています。キャンバス イメージは DataURL として保存されます。これが何を意味するのかなんとなくわかります。しかし、私の質問は次のとおりです。画像はどこに保存されますか (場所を指定する必要はないようです) & その場所に保存された画像には常に一意の URL があります (つまり、別のゲームから保存された画像は上書きされません)。

0 投票する
1 に答える
1867 参照

search - jqgrid - dataUrl で searchoptions を使用すると、初期フィルター値が正しく設定されない

これは jqGrid のバグだと思います (バージョン 4.4.0 を使用しています)。私のcolModelでは、これはうまくいきます:

しかし、これはしません:

dataUrl が返される場所

色はデフォルト値として「赤」でコンボボックスに問題なく表示されますが、ユーザーが「緑」または「青」を選択してコンボボックスフィルターを変更しない限り、フィルターは正しく初期化されません (その後、戻って「赤」を選択する可能性があります) )。ユーザーが最初にコンボボックスの値を変更せずにフィルタリングしようとすると、一致するものは見つかりません。この問題は、フィルタ ダイアログを最初に使用したときと、フィルタ ダイアログをリセットした後に発生するため、ユーザーは非常に混乱します。

これに対する回避策/修正を知っている人はいますか?

0 投票する
2 に答える
2315 参照

javascript - 画像がローカルストレージ用にDataURLに変換されるときにEXIFが削除されましたか?

画像がDataURL形式に変換されるときに、EXIFメタデータが削除/削除されて、ブラウザーのローカルストレージに保存できるようになりますか?特にそれが違いを生むならChrome。

0 投票する
1 に答える
11151 参照

php - Streaming PDF into iframe using dataurl - works only in Chrome

The following works in Chrome, but the iframe content is blank in Firefox 15 and IE 9.

The problem seems to be the dataurl. If I change it to simply src="memlist.pdf" then it works everywhere. The PDF size is 75kb.

Is there some (current) browser limitations with dataurls?

(I'm trying to avoid the call back to the server with an http url because of some authentication complications)