問題タブ [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 投票する
4 に答える
8420 参照

javascript - 複数のファイルを選択するためのSafariでのファイル入力サイズの問題

WindowsVista上のSafari5.1での複数のファイルのアップロードに関して不整合が発生しています(他のプラットフォームを試していません)。input要素には、multiple複数のファイルを選択できるようにするフラグがあります。この問題は、ユーザーが実際に複数のファイルを選択した場合に発生します。この場合、それぞれに。Filesize属性があり0ます。(まだmultipleフラグが付いている)ユーザーが1つのファイルのみを選択した場合、size属性にはファイルサイズが正しく含まれます。

この問題は、次の例で確認できます。単一ファイル選択と複数ファイル選択の両方の出力をテストして表示します。(テストの合間にリセットする必要があります)。 JsFiddleテスト

誰かが回避策を知っていますか?

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

html - HTML5 File API は常に [対象ファイル] の DataURI を返します。私は何を間違っていますか?

今日、私はドラッグ アンド ドロップとファイル API を使用するサムネイル アップ ローダーを作成しようとしています。

かなり遠くまで行った気がします。しかし、画像ファイルのソースとして提供されている DataURI は常に [オブジェクト ファイル] として返されるため、画像が表示されません。

何か助けて?!

ありがとう。ダニー

(以下は私のコードです)

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

javascript - HTML5 ドラッグ アンド ドロップ/ファイル API サムネイル アップローダーが機能しない

今日、私はドラッグ アンド ドロップとファイル API を使用するサムネイル アップ ローダーを作成しようとしています。

かなり遠くまで行った気がします。しかし、画像ファイルのソースとして提供されている DataURI は常に [オブジェクト ファイル] として返されるため、画像が表示されません。

何か助けて?!

ありがとう。ダニー

(以下は私のコードです)

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

javascript - jquery.support は JavaScript のファイル API を検出しますか?

ブラウザーが jQueryのメソッドを介してファイル APIをサポートしているかどうかを検出する方法が見つかりません。.support

誰でも知っていますか?

(ちなみに: input[type=file]IE でファイルのサイズを検出する方法はありますか?)

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

javascript - JSとtype.matchをファイルmimeタイプとして-アドバイスが必要

今日、私はFF File APIとして興味深いことに直面し、ファイルをタイプごとに分けました。OKここに小さなスニペットがあります

読み取り専用の画像を制御します。しかし、たとえばdocファイルやpdfはどうでしょうか。このことの有用な例が見つからなかったので、いくつかのスニペットを共有していただければ幸いです。さまざまなファイルタイプを検出することに興味がありますが、JSとそのtype.matchをバインドしてさまざまなファイルタイプを制御するにはどうすればよいですか?

これが基本コードです

有用なコメントをいただければ幸いです:)

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

javascript - ファイルシステムイメージのブラウザへのドラッグを無効にします。

HTML5ファイルAPIを試しています。ただし、画像をブラウザにドラッグすると、ブラウザには画像が表示されるデフォルトの動作があることに気付きました。ただし、画像を表示するのではなくアップロードすることが目的の場合、これは煩わしい場合があります。

この動作を防ぐ方法があるかどうか疑問に思っていますか?ある程度機能するオンドロップイベントでstopPropagation/PreventDefaultを試しましたが、「ドロップ」カーソルをそのままにして、画像をページのどこにでもドロップできるという印象を与えています。

理想的には、画像がドロップされる予定の指定された領域にのみ「ドロップ」カーソルが表示されます。

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

javascript - JavaScriptを使用してページ内の画像を読み取る方法はありますか

サーバーにアップロードできる小さなプラグインを作成したいので、Webページの画像を読み取る方法があるかどうか疑問に思います。まず、画像をドラッグ可能に設定してから、小さな「ボックス」にドラッグしてアップロードしますそれら, おそらくHTML5のファイル API ,しかし、残念ながらローカル ファイルしか読み取れないことがわかりました. 誰かアイデアを得る?ありがとう

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

drupal - プログラムによる Drupal ノードへのファイルのアップロードと保存

カスタム フォームの送信に基づいてノードを作成しようとしています。アップロードされる画像を除いて、すべてがうまく機能します。

それらをうまくキャプチャして、フォーム オブジェクト キャッシュに設定できます。データを関数に渡してノードを作成すると、次のエラーが発生します。

「その名前のファイルが存在しないため、指定されたファイルをコピーできませんでした。正しいファイル名を指定したことを確認してください。」

一度に 1 つまたは 2 つの画像しか送信しないのに、エラーが何度も表示されます。

これが私が使用しているコードです。$uploads が渡され、前のステップで file_save_upload() から返されたファイル オブジェクトの配列です。

私もこれを試しました:

2 つ目は、URI フィールドで MySQL の重複キー エラーを引き起こします。これらの例はどちらもチュートリアルで見ましたが、どちらも機能していませんか?

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

javascript - ファイルVIAXMLHttpRequestをアップロードするときに進行状況を取得する方法

XMLHTTPRequestを使用してファイルのアップロードの進行状況を取得する方法を知りたいです。Firefoxではonprogressメソッドはまったく起動せず、Chromeではファイルのアップロードが完了した後にのみ起動します。

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

javascript - JavascriptFileAPIを使用した画像の寸法の取得

Webアプリケーションで画像のサムネイルを生成する必要があります。Html 5FileAPIを使用してサムネイルを生成します。

以下のURLの例を使用してサムネイルを生成しました。

http://www.html5rocks.com/en/tutorials/file/dndfiles/

サムネイルを正常に生成できました。私が抱えている問題は、静的なサイズを使用することによってのみサムネイルを生成できることです。選択したファイルからファイルのサイズを取得して、Imageオブジェクトを作成する方法はありますか?