問題タブ [fileapi]

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

html - HTML5 formdata: リモート サーバーから画像データを読み取る

誰かが知っていますか、リモートURLからバイナリにイメージを読み取ることは可能ですか? ファイル API を使用すると、ローカル システムからバイナリ ファイルとして読み取れる可能性があることはわかっています。しかし、リモート URL からの読み取りに関する情報が見つかりません。この情報を to または else からロードした後、ブラウザのキャッシュからこの情報を読み取ることもできますか?

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

javascript - IE - クライアント イメージ ファイルを base64 として読み取る方法

IE8 でローカル ファイルを読み取る方法があるかどうか (FF ファイル API のように) 知りたいです。つまり、Internet Explorer 8 で画像ファイルを読み取り、それを base64 エンコーディングに変換してから、JavaScript 変数に割り当てます。

FFには方法があることは知っていますが、IE8では可能ですか? 効果を示す完全なスニペットを見つけることができなかったので、有用なチュートリアルは大歓迎です:)

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

javascript - 保存されたファイル名を取得する Javascript ローカル ファイル保存または onSave イベント

ある種のファイルシステムへのアクセスが必要な Web アプリを開発しています。理想的には、ファイルをアプリに「開く...」ことができ、ユーザーが開いた場所のローカルファイルシステムにファイルを「保存」できるようにしたいと考えています。

現在、この機能を実現するために Java アプレットを使用していますが、Java が時代遅れになっているため、javascript と html5 でこれを行う必要があります。

明らかに、これはブラウザーに組み込まれているセキュリティ上の理由から実行できないため、多少エミュレートしようとしています。

私はhtml5ファイルAPIを使用してファイルを正常にインポート/開くので、これで半分の戦いです。難しい部分は、保存機能を取得することです。私は iframe と content-disposition を使用して近づいていますが、ブラウザーがファイルをダウンロード フォルダーに自動的にダウンロードするように設定されていると問題が発生します... ユーザーは混乱し、ダウンロードしたばかりのファイルを見つけることができない場合があります。

だから、私の質問はこれです:ブラウザの「名前を付けて保存...」ウィンドウが少なくともユーザーがファイルを保存したファイル名を返すためのonSaveイベントまたは何らかの方法はありますか?

また、filesystem/fileWriter html5 api を調べましたが、私の理解では、それらはローカル ファイル システムのサンドボックス化された領域に限定されており、chrome dev リリースでのみ使用できます。

どんな助けでも大歓迎です!

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

php - フォーム経由でファイルを Drupal 7 にアップロードした後、ファイルのパスを取得する方法は?

Drupal インストールにファイルをアップロードするフォームがあります。そのファイルへのパスをテーブルに保存したい。最近アップロードされたファイルへのパスを取得するにはどうすればよいですか? 私は試した

しかし、それはうまくいきません。手がかりはありますか?

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

html - File オブジェクトの webkitRelativePath プロパティの目的は何ですか?

次のような単純なものを使用して、Chrome コンソールで File オブジェクトを出力するとします。

他のプロパティの中で、常に空のwebkitRelativePathプロパティが表示されます。

その目的は何ですか?そして、それをどのように活用できますか?

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

javascript - jquery $.ajax 呼び出しで Mozilla FormData を使用する

私は html5 を使用して、ファイルのドラッグ アンド ドロップを許可し、mozilla FormData() API を使用して multipart/form-data リクエストでファイルとともにフォーム データを送信しています ( FormData オブジェクトには append() 関数があり、追加します値とそれを含むファイル)。jQuery.ajax() を使用して、作成した FormData オブジェクトにデータを設定し、processData フラグを false に設定し、contentType を "multipart/form-data" に設定し、 beforeSend ハンドラーで jqXHR.setReqeustHeader("Conetent-Type "、"multipart/form-data") 再び . しかし、firebug では、リクエスト ヘッダーにまだ Content-Type: text/html があることがわかります。

$.ajax() はコンテンツ タイプの仕様を無視しているようです。jQuery.ajax() を使用して html5 の FormData api を正常に使用した人はいますか?

jquery の助けを借りずに独自の XMLHttpReqeust を作成できることを知っており、それも機能します。でも、jquery のような統一されたフレームワークが好きです。

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

html - ローカルコード/アイテムのドラッグがdragenterをトリガーしないようにする

HTML5ファイルのアップロードを作成していますが、ユーザーがウィンドウ上でファイルをドラッグしたときに、dragenterを起動させたいと考えています。アイデアは、dragenterがライトボックススタイルのオーバーレイをトリガーし、ドロップゾーンを表示することです。

これが私のコードです。(jQuery)

これは正常に機能しますが、ユーザーが画像または一部のテキストを取得してドラッグすると、dragenterイベントもトリガーされます。何がドラッグされているかを知る方法はありますか?アップロードする実際のファイルだけがオーバーレイを表示するトリガーになりますか?

ありがとう..

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

javascript - HTML 5 ファイル アップロード イベント

HTML File Api を使用してファイルをアップロードしようとしていますが、その方法がわかりません。getImg() 関数にはどのイベントを渡す必要がありますか?

HTML

JS

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

image - coldfusion は base64 画像のデコードを拒否します

数時間前、ファイル API によって作成された DataUrl をフォーム属性を介して渡し、coldfusion に画像ファイルをサーバーに書き込むことで、html5 ファイル API と coldfusion の間で簡単に通信できることがわかりました。

これはうまくいきました。

ただし、現在、これらの base64 文字列のデコードを拒否しています。他のデコーダーで base64 文字列をテストしたところ、画像が正しく表示されます。私はコードに何も変更していません。ここで何が起こっているのか誰か教えてください..?

edit 20/12: 今日、職場でコンピューターの電源を入れると、再び機能し始めました。昨日何が起こったのか、まだはっきりとはわかりません。Coldfusion が返したエラーは、「ファイルは base64 でエンコードされているようには見えません」でした。私が cfimage タグに渡した base64-string には、あなたが説明したのと同じようにヘッダーが含まれていました。