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

php - base 64 でフォーム ファイルをエンコードする

JS と PHP で非常に単純なファイル共有サイトを作成しています。ドラッグ/ドロップが機能しているので、ブラウザはドロップ時にオブジェクトを取得し、そこからアップロード ページにリクエストをfile送信しようとしました。xhrただし、fileリクエストヘッダーにバイナリオブジェクトをドロップするだけではないように見えるので、それをbase64でエンコードする方法を考えていました。

PHP では を使用しますbase64_encodeが、まだ PHP のページにアクセスしていません。私の現在の方法に代わる方法を提案していただけないでしょうか?

base64_decodeああ、それを受け取る PHP では、ファイルをing した後に半ランダム ファイルに書き込みます。

編集:私はそれを回避しましたが、本当に良い答えはありません. 助けてくれてありがとう!

ここに私のデモがあります: http://bernsteinbear.com/up

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

javascript - ドラッグアンドドロップから(ファイルAPIから)ファイルをPOSTする方法

ドラッグアンドドロップでファイルを選択するファイルアップロードページがあります。ファイルは(従来のフィールドを使用するのではなく)ドロップインされるため、javascriptFileAPIを介してファイルを公開しています。

私はMozillaからこの記事を読んでいますが、非同期でアップロードすることにそれほど興味はありません(ファイルとともに送信する必要のある他のデータがあるためですが、私が見つけたすべてのリソースはそれを実行していますXHR。

これが私が何とかつなぎ合わせたものです:

ただし、サーバー側では、Djangoはこれを好みません。不正な形式のPOSTデータについて文句を言います。

理想的には、私の解決策は次のようになると思います。

  1. ユーザーがファイルをページにドラッグアンドドロップします
  2. ファイルが隠しファイルに追加されます<input>
  3. ファイルは、残りのフォームデータとともにPOSTされます。

ほとんどのブラウザでファイルをファイルにドラッグできることは承知しています<input>が、カスタムスタイルのより大きなドロップターゲットが必要です。

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

javascript - Chrome でサンドボックス化されたファイル システムにファイルを作成するエラー

サンドボックス化された FileSystem API を使用してファイルを作成しようとしています:

このコードには常にエラー コード 10 ( QUOTA_EXCEEDED_ERR) が表示されます。

Chrome: 、フラグ17.0.963.79 mで始まりました。--allow-file-access-from-files

私は何を間違っていますか?

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

html - FileReader APIはjsFiddleで動作しますが、ローカルファイルからは動作しません

ファイルAPIを使用してファイルをローカルに保存するChrome/Firefox拡張機能に取り組んでいます。例を立ち上げて実行しようとしていますが、Chromeを中心にしたように見える問題が発生しています。このjsFiddleが正常に機能する理由を誰かが説明できますが、ローカルファイルから実行した場合、まったく同じコードは機能しません。ChromeではなくFirefoxで正常に動作することに注意してください。何か案は?

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

javascript - jQueryおよびHTML5ファイルAPIを使用したファイルのコンテンツの表示

HTML5ファイルAPIとjQueryを使用してファイルのコンテンツを表示しようとしていますが、機能しません。私はjQueryを初めて使用するので、問題はおそらく私のコードにあります。

これが私が使用しているコードです:

このコードブロックを取得してファイルの内容を表示するにはどうすればよいarchivoですか?

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

javascript - ユーザーが HTML5 File API を使用してボタンを押したときにローカル ファイルを読み取るにはどうすればよいですか?

jQuery と HTML5 ファイル API を使用して、ローカル ファイルからデータを取得しようとしています。ファイルを読み取ってそこからテキストを取得したいのですが、入力フィールドの内容が変更されたときではなく、ユーザーがボタンを押したときだけです。

現在使用しているコードは次のとおりです。

このコードは、ユーザーがページ上のボタンを押すとトリガーされます。私の問題は、コードの実行時にfiles未定義であるため、必要なデータを取得できないことです。関数にパラメーターとして渡すことができるように、入力ファイルの内容を取得するにはどうすればよいFileReader.readAsText()ですか?

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

javascript - HTML5 と Javascript : File API を使用してローカル ファイルを開いて読み取る

プロジェクトに Google Web Toolkit を使用しており、ブラウザ内のテキスト ウィンドウで開くテキスト ファイルをユーザーに選択してもらいたいと考えています。これがほとんど機能するコードです:

プログラムでこの関数を実際に使用しようとすると、次のようになります。

(NS_ERROR_DOM_SECURITY_ERR): セキュリティ エラー

私はそれが次のように主張されていると確信しています:

免責事項: 私は決して Javascript プログラマーではありません。ここで明らかに間違いを犯している場合は、遠慮なく指摘してください。

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

javascript - HTML5 File API を使用してブラウザーでオーディオリストを作成する

HTML5 で音楽プレーヤーを作成したくありません。デスクトップからドラッグ アンド ドロップ ファイルを作成しましたが、これは非常に簡単でした。現在、曲名の順序付けられていないリストを作成していますが、曲をキャプチャする方法がわからないため、ユーザーがそれを押すと再生されます。

これは私がこれまでに持っているものです:

次のステップに進むには、いくつかの助けが必要です。再生する前にファイルをサーバーにアップロードする必要があると考えていますが、スペースを占有せず、ブラウザーウィンドウが開いているときだけの解決策があれば素晴らしいでしょう!

助言がありますか?

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

javascript - 入力またはドラッグアンドドロップなしでローカルファイルを開く

XMLHttpRequestを使用せずに(PC自体にある.htmlファイルから)ローカルファイルを開いて、ランダムな読み取りや書き込みを行うことなく、すべてのコンテンツをRAMにロードすることはできますか?