問題タブ [resumablejs]

PHP バックエンドで Resumable.js を実装しようとしており、提供されているサンプル バックエンドを使用しています:サンプル バックエンド

次の方法で、JavaScriptページから呼び出しを行います。

ただし、PHPファイルのこの行に到達すると、このエラーがログに記録されるようです

これがログです

具体的な理由はありますか？私が使用している PHP は、上記のリンクから取得したものとまったく同じです。

だから私は resumable.js を使ってファイルをサーバーにアップロードしています。

保存したいディレクトリは次のようなものです

明らかに作り物ですが、このディレクトリには書き込み権限があります。resumable.js が作成する POST リクエストをリッスンするために JSP を使用しています。

ファイルをそのディレクトリに移動します。サンプルリスナー:

スクリプトはでホストされています

レジューム用の JS 自体によると、アップロードのプロセスは完了しますが、新しいディレクトリはまったく作成されません。書き込み権限ではないことはわかっているので、別のものでなければなりません。

これは、新しい再開可能なオブジェクトの JavaScript での私の呼び出しです。

jspファイルにヒットしているようですが、何も起こっていません。

そのリスナーを実装するために Apache の fileupload ページに従いましたが、ある時点で間違っていたのかもしれません。

Apache の FileUpload

Resumable.js

初めてAWSとs3を使用するときは、ファイルをアップロードしようとするとエラーが発生するため、大きなファイルをアップロードするためにセールスフォースと統合する必要があります

ご覧のとおり、resumable.js（大きなファイルをチャンクで送信するためのJavaScriptライブラリ）を使用しています。URLhttps ：//c.ap1.visual.force.com からファイルを送信しているので、送信しようとしました。

私がファイルを送信しているところからのコードセグメントは

既存のJSライブラリを使用しているため、少し奇妙に見えます。このコードは 、 https： //s3.amazonaws.com/riteshにPOSTリクエストを送信していることを意味します 。riteshは、キー、AWSAccessKeyId、 policy、signature、acl、success_action_statusなどすべてのパラメーターがおそらく正しいので、このエラーが発生します。私のCors構成は

ヘッダーではなくパラメータのみを送信しています。追加のヘッダーを送信する必要があります。ヘッダーはマントンにお願いします!!このエラーを削除する方法を教えてください。

resumable.js を介して Android ファイルシステムからファイルをアップロードしようとしています。Resumable-Object をセットアップし、.fileAdd を使用して、ローカル ファイル システムから要求したファイルを追加します。ドキュメントによると、ファイルが追加された場合、イベント「fileAdded」が発生するはずです。しかし、そうではありません。それで、ファイルシステムからファイルを追加することはまったく可能ですか、それとも「.assignBrowse」メソッドを使用して UI からファイルを追加する必要がありますか?

これが私がしたことです：

最大2GBの大きなファイルをアップロードするファイルアップロードに取り組んでいます。したがって、ブラウザがクラッシュした後でもダウンロードが再開されるようにする必要があります。resumable.jsは非常に有望に思えたので、試してみました。

私のupload.php（チャンクからファイルを作成する）では、このphpバックエンドの例を使用しました：https://github.com/23/resumable.js/blob/master/samples/Backend%20on%20PHP.md

アップロードは大きなファイルでも問題なく動作しますが、開いているタブやブラウザを誤って閉じてしまった場合、ダウンロードを再開するのに役立つものは何も見つかりません。PHP バックエンド スクリプトは、これを機能させるために何かを実装しているようです。

また、Resumable.js のドキュメントには次のように書かれています。

これにより、ブラウザの再起動後、さらにはブラウザ間でもアップロードを再開できます (理論的には、複数のタブまたは異なるブラウザで同じファイルのアップロードを実行することもできます)。リストされている POST データ リクエストは、Resumable.js を使用してデータを受信するために必要です。

しかし、私はサーバー側のプログラミング/構成が得意ではないため、その機能を実装する方法がわかりません/再開できるアップロードがあるかどうかを確認します. 同様の問題に遭遇し、ブラウザの再起動後にダウンロードを再開する方法を説明できる人はいますか?

私は (残念ながら) Windows マシンで作業しているため、手動で FileCollection パッケージをアプリに追加する必要がありましたが、アプリを実行すると、ブラウザー コンソールからファイル コレクションとファイル コレクション メソッドにアクセスできます。ただし、実際のページにイベントリスナーを設定できないようです。(参考までに、テンプレート アーキテクチャに Iron-router を使用しています。)

呼び出す必要があるコードが正しい順序で来ていないようですが、コードを配置する場所を試してみましたが、違いはないようです。

サーバー側のコード:

クライアント側のコード (現在、クライアント ディレクトリのトップ レベルの main.js にあります):

Yiiで再開可能を実装するタスクがあり、アップロード コントロールを実装しましたが、以前は再開可能ではありませんでした。

タスクは、ファイルを小さな断片にチャンクすることです。

例: 1 つのファイルを 1 GB にすることができます。そして、そのファイルを残りのサービスで送信しようとします。

ResumableJSを使用して、複数のファイルをチャンクでサーバーにアップロードすることに成功しました。アップロード プロセス中、ユーザーは全体的なアップロードの進行状況と個々のファイルのアップロードの割合を確認できます。アップロード全体を一時停止/再開することもできます。

私が今したいのは、ユーザーが他のファイルのアップロードを中断することなく、個々のファイルのアップロードをキャンセル/中止できるようにすることです。
ResumableJS Web サイトには、私がやりたいことを実行できる方法がいくつかありますが、これを達成する方法の例はありません。
私は次のことを試しました：

ファイルのアップロード全体を中断することなく、特定のファイルのアップロードを中止するにはどうすればよいですか?

更新:これが私のJSコードです:

Ruben Rutten の助けを借りて、私の問題をどのように解決したかを以下に示します。

ファイルアップロード用のアプリケーションにresumable.jsを使用しようとしています。正常に動作し、ファイルをアップロードします。

ファイルが正常にアップロードされた後、同じファイルを再度選択またはドロップしようとすると、ページを更新するまでファイルのアップロード (r.upload()) がトリガーされない場合に問題が発生します。

すべてのファイルがアップロードされた後、再開可能なオブジェクトからファイル リストをクリアして、再度選択できるようにする方法はありますか?

また、別のチャンクをサーバーに送信する前に、(sleep(5) のように) 遅延を導入する方法もあります。

このコードで Dart のresumable.jsを使用しようとしています:

files変数はList<File>( dart.html.File) として定義されます。rsこれらの2行でオブジェクトのプロパティを確認すると:

rs.opts正しく初期化されていることがわかりましたが、rs.files常にResumableFile長さ 1 のインスタンスが含まれています。メソッド addFile はパラメーターが Javascript のインスタンスであると想定しているが、 instanceof をFile取得しているためだと思いますdart:html.File。

dart:html.FileJavascriptに変換する方法や、 resumable.jsFileに引数を渡す方法はわかりますか?

メソッドassignBrowseとを代わりに使用できることはわかっていますassignDropが、自分のソリューションに固執したいと思います。