問題タブ [jquery-file-upload]

jquery ファイル アップロード ウィジェットを使用しようとしています。デモ コードを自分のサイトにコピーしました。実行すると、次のエラーが発生します（Firebugによる）：

"NetworkError: 500 内部サーバー エラー - http://24.xxx.xxx.xxx/server/php/ "

アップロードしたいファイルは、files/ ディレクトリに問題なくダンプされます。httpd エラー ログには、エラーが一覧表示されていません。ブラウザから server/php/index.php を直接実行すると、正しくフォーマットされた JSON 文字列が表示されます。

jqueryupload.appoint.com ではなく、自分のサイトを指すようにすべての URL を変更しました。

任意のガイダンスをいただければ幸いです。Linux、Apache 2.4、PHP 5.4.10 を実行しています。

投稿データは次のとおりです。

index.php コードは次のとおりです。

Uploadhandler.php は、https ://github.com/blueimp/jQuery-File-Upload#download で入手できるデモで提供されたオリジナルから変更されていません。

編集：追加情報。 画像以外のファイルを問題なくアップロードできます。問題が発生するのは、画像ファイルをアップロードするときだけです。/server/php/thumbnails ディレクトリには読み取りと書き込みのパーミッションがあり、デーモン ユーザーが所有しています。コード内に file.thumbnail_url への参照が表示されますが、index.html プログラムまたはサポートする JavaScript プログラムで定義された変数がどこにあるのかわかりません。

jQuery File Upload を使用したいのですが、すべてのファイルに個別に登るためのボタンが追加されていることがわかります。送信ボタンを押したときに、そのボタンを削除してファイルを一度にアップロードできたらいいのにと思います。

「グロス」を削除しようとしましたが、トラブルコードが表示されます。また、オプションを見ても、そのオプションを削除するオプションが見つかりません。CSSを単純に隠したくない

また、各ファイルに入力テキストとテキストエリアを追加します。

出来ますか？

ボタンをクリックして jQuery File Upload プラグインの複数のインスタンスを追加できるページをセットアップしました。私が抱えている問題は、ファイルをインスタンスの 1 つにドラッグすると、それらがすべてに追加されることです。これが起こらないようにするために開発者が提案したコードを追加しましたが、効果がないようです (関数が呼び出されても、コンソールにログを記録しています)。

ここに私が取り組んでいるページがあります: http://bwobst.clients.thomporter.com/upload.html

アップローダを作成する JavaScript ファイルは次のとおりです: http://bwobst.clients.thomporter.com/upload.js

あるいは、CoffeeScript: http://bwobst.clients.thomporter.com/upload.coffee

参考までに、これは開発者が使用することを提案しているコードの一部です。

私が言ったように、console.log を追加しようとしましたが、ファイルをウィンドウにドラッグしたときに実際に呼び出されましたが、e.preventDefault()効果がなかったようです。

jQueryファイルアップロードプラグインを使用しています。別のボタンをクリックすると、ファイル入力を非表示にしてアクティブにします。（このフィドルを参照してください。）

HTML：

JavaScript：

ボタンを押してファイルを選択すると、addメソッドがアクティブになり、アラートが表示されることに注意してください。もう一度やり直すと、別のアラートが表示されます。

さて、このフィドルを見てください。唯一の違いは、次の行を変更したことです

に

ここで、最初にボタンをクリックしてファイルを選択すると、addメソッドがアクティブ化され、アラートが表示されます（以前と同様）が、もう一度実行しても、addメソッドはアクティブ化されないことに注意してください。

この動作の違いの原因は何ですか？

この（ファイルアップロード用のjquery）スクリプトを使用すると、エラーが発生しますが、ローカルのwampで機能しています。本番環境では、このアラート エラーを停止する必要があります」

"SyntaxError: missing } プロパティ リストの後に
progressall: function (e, data) {"

またはChromeで：

「行 211 の不明な構文エラーの予期しない識別子」

firefox と同じ行です。

誰かアイデアがありますか？

私はいくつかの変更を加えました: mozilla でエラーはありませんが、動作しません

Chrome エラー (Uncaught TypeError: Cannot call method 'push' of undefined ) で動作しない

構文エラーのある正しいスクリプト

SyntaxError:プロパティ リストの後に } がありませ
ん filesContainer: $('.filescontainer')

filesContainerそして、uploadsystem で 2 番目の jquery タブを取得するので、必要ありません。

私はしばらく jquery ファイルのアップロードを使用してきましたが、カスタム ユーザー フォルダーを使用することにしました。カスタムフォルダ機能が追加されたため、最新バージョンにアップグレードしました。アップグレードすると、ファイルをアップロードするたびにフォームが自動的に送信されます。コードを検索して答えを見つけたところ、jquery.fileupload.jsの760行目にこれが見つかりました

この行をコメントアウトしました

//(that._trigger('submit', e, this) !== false) &&

そして今、すべてがうまくいくようです。これが正しいことであったかどうかはよくわかりません。しかし、今のところ動作します。

最新バージョンのファイルをダウンロードしました

私はそれらを私のサーバーにアップロードしました。

• 最新のDebianイメージを使用したラズベリーパイ：2012-08-08-wheezy-armel.img
• nginx 1.2.1
• PHP 5.4.4

大きなファイルをアップロードできるようにするためclient_max_body_size 20M;に、nginxサイト構成ファイルに追加しました。

php.iniファイルで次の制限を増やしました。

すべてのサイトファイルとディレクトリは、nginxを実行するユーザーであるユーザーによって所有されてwww-dataおり、これはnginx構成ファイルに対してチェックされています。

すべてのファイルは正常にアップロードされているように見えますが、完了すると、アップロードされた各ファイルの横に「内部サーバーエラー」メッセージが表示されます。

nginxサーバーは、リクエストに対してログに記録されたhttp500エラーをログに記録しますindex.html。5つのファイルがアップロードされた場合、そのようなエラーが5つログに記録されます。

この問題をさらにデバッグする方法について教えてください。私はすべての必要条件、許可、および適切な場所にあると信じており、これをさらにデバッグするために他にどこを探すべきかわからない。どうもありがとう。

jquery-file-uploadとBackboneでコンテキストの問題が発生しています。fileupload'done'コールバックで、バックボーンビューで定義された別の関数を呼び出したいのですが、コンテキストが失われます。

ブラウザコンソールに返されるエラーは「UncaughtTypeError：Object＃has no method'some_function'」です。これは、「this」がバックボーンビューではなく、jqueryフォーム要素を参照しているためです。

コールバックからビューでその関数にアクセスする方法はありますか？

has_many：photosのPostモデルがあります。ユーザーが新しい投稿を作成している間、ユーザーは特定の投稿の写真を選択できる必要があります。

ガイドとして、RAILS 3.2.9、nested_form、carrierwave、jquery-fileupload-railsgemおよびryanbatesrailscastsを使用しています。

すべて正しく設定されているようですが、問題は、ユーザーが写真を選択すると（fileupload（）関数がトリガーされる）、新しい投稿と新しい写真レコードが作成されることです。「投稿の作成」を押すと、別の投稿レコードが再び作成されます。

任意のヘルプ/アイデアをいただければ幸いです。

どうもありがとうございます。

Petr

モデルがProductあり、作成されたレコードごとに、そのレコードに関連付けられた複数の画像が必要です (たとえば、3 ～ 10)。各画像には複数のサイズが必要です (たとえば、3 つの異なるサイズ)。

私はCarrierwaveをチェックアウトしましたが、それは機能しますが、1つの画像だけです（というか、1つのレコードで複数の画像を取得する方法がわかりません）。

jQuery File Upload も調べたところ、複数のファイルを簡単にアップロードできるように見えますが、最終的には、各アップロードが 1 つのレコードに関連付けられます。はい、ファイルをドラッグ アンド ドロップできますが、5 つのファイルをドラッグすると、5 つのレコードが作成されます。

理想的には、同じ jQuery-File-Upload 機能を取得できるようにしたいと考えています (処理はクライアント側で行われ、アップロード中にプログレス バーが表示され、可能であればドラッグ アンド ドロップなど)、すべてを許可するだけです。一度にアップロードされる画像は、1 つのレコードに割り当てられます。

ありがとう。