問題タブ [data-uri]

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 投票する
2 に答える
1823 参照

html - データURLはPowerpointのバイナリまたはbase64のみを受け入れますか?

データURIを使用してクライアントでファイルを作成するためのトリックがあります。たとえば、MSパワーポイントを作成するには、次のようなことを行うことができます

URLで指定できるデータはbase64またはファイルのバイナリ表現のみですか?ファイルの他の表現を表現することは可能ですか?

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

java - Java 用の RFC 2397 データ URI パーサーはありますか?

これらの RFC の BNF によると、データと MIME タイプを区切るコンマは、実際には MIME タイプとデータの両方に表示される可能性があるため、URI を部分に分割する簡単な方法 (reg ex) はありません。したがって、完全なパーサーが必要です。

JavaのデータURIライブラリを知っている人はいますか? 私のGoogle検索では何も得られませんでした。

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

javascript - 名前を付けてJavascriptのテキストエリアからファイルを保存するには?

重複の可能性:
HTML5/Javascript を使用してファイルを生成および保存する

この問題を解決するためにクライアント側の HTML/JS ソリューションが必要です。ユーザーが編集可能なテキストエリア A、テキストフィールド B、ボタン C があります。ユーザーが C をクリックすると、B.value に等しい名前のファイルがダウンロードされ、内容は A.value と同じです。これを見ましが、ファイル名の設定方法が指定されておらず、このような Flash ソリューションは必要ありません。ユーザーは最新の Chrome ブラウザーを使用していると想定できます (これは私のチームにとっては小さなツールです)。

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

css - CSS バックグラウンド データ URI が機能しない (Chrome)

画像をエンコードされたデータとして CSS に直接埋め込もうとしています。

しかし、それは失敗します。さらに奇妙なのは、データ URI をイメージ タグに直接埋め込んでも機能することです

私の例はhttp://jsfiddle.net/cAb2y/1/で確認できます。

私は何か間違ったことをしていますか?

(ソースの例: http://www.websiteoptimization.com/speed/tweak/inline-images/ )

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

internet-explorer - base64エンコード方式を使用してIEでリンクを作成するにはどうすればよいですか?

その場でbase64gifを生成していて、新しいページへのリンクを作成してgifのフルサイズバージョンを開こうとしています。これはChromeで機能しますが、IEではimgサムネイルのみが表示されます。IEのリンクをクリックすると、空白のページが開きます。

何かご意見は?

ありがとう

マット

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

css - IE7 互換モードの IE9 は、css でデータ URI をレンダリングします。

IE9 でサイトをテストしており、互換モードを使用して IE7 標準モードでテストしています。

いくつかの微調整があり、すべてが IE7 で問題なく表示されます

ただし、すべての css がデータ uris を画像に使用していることに気付きました (画像インクルージョンの base64 の楽しさをご存知でしょう)。これは素晴らしくてダンディです。

しかし、IE7 はデータ URI をサポートしていませんよね?! では、なぜ IE7 モードの IE9 で問題なく表示されるのでしょうか?! これが正しい場合、IE9 の互換モードは IE7 の完全なテストにはほとんど役に立ちません。

私は正しいですか?

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

css - データ URI SVG を CSS 背景画像として使用する

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

jquery - dataURLからキャンバス複製(jpg/img)を生成

ユーザーがドラッグ アンド ドロップを使用してオブジェクトをシーンに配置し、キャンバスを画像として保存したり、画像を facebook/pinterest に投稿したりできる小さなページを作成できるようにしたいと考えています。

私はドラッグ アンド ドロップとデータ URI 機能を、ドラッグ アンド ドロップの画像保存機能とマージされたビーチの動物の例に基づいて KineticJS ライブラリを使用して作成しました。

私が本当にやりたいことは、キャンバス画像を同じ(または新しい)ページの画像ホルダーに配置することです(たとえば、ここでは Canvas2imageJS doc を使用しています)。保存機能で画像を新しいウィンドウで開き、保存ボタンをクリックするjsfiddle(または以下の空白スペースホルダーを含むコード)でここに示すように、テキストボックス内のテキストとしてdataURIの文字列を生成することもできました画像 (dataURI) を新しい (小さい) ウィンドウで開き、dataURI の文字列も生成します。

ボディ { 余白: 0px; パディング: 0px; } キャンバス { ボーダー: 1px ソリッド #9C9898; } #buttons { 位置: 絶対; 左: 10px; 上: 0px; } ボタン { margin-top: 10px; 表示ブロック;

ボタンをクリックした結果を生成して、生成された画像を Facebook / pinterest ウォールに共有/投稿できるようにする方法を誰かが理解するのを手伝ってくれませんか? 私の進行中の作業もここにあります (ドラッグ アンド ドロップして、新しいウィンドウでのみ dataURI を生成します): www.shugar.com.au/obar/Default4.html

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

css - data-uriを使用したcssカーソル

データ uri を使用してカスタム png カーソルを使用しようとしていますが、カーソルが変わりません。カスタムカーソルとしてpngをサポートするFF 17でテストしました。同じデータ uri が背景画像として機能します。

間違った構文を使用していますか、それとも data-uri をカーソル イメージとして使用できないのでしょうか?

例: http://jsfiddle.net/u8t3j/

答えは FF と Chrome の png で機能するので、IE で機能しない .cur イメージの例を追加します。

ありがとう

0 投票する
4 に答える
1567 参照

css - CQ5.5 に CSS data-uri-schemes を強制的に無視させるにはどうすればよいですか?

data-uri-scheme を使用してカスタム フォントを CSS に含めようとしています。CQ5 (私はバージョン 5.5 を使用しています) は、clientlib ディレクトリから、data-uri-scheme フォント データを含む css ファイルが配置されている場所へのパスを追加しています。

したがって、css プロパティを無視する代わりに、次のようにします。

CQ5 は次のことを行います。

これは CQ5.5 のバグですか、それとも「desktop/css」の追加を防ぐために何かを追加/実行できますか?

その結果、フォントが「見つからない」ため、404 HTTP ステータスが返されます。

[更新] :

css ファイルはbase.jsphtml<head>セクションに含まれています。

の場所base.jsp:

の場所css.txt: