問題タブ [valums-file-uploader]

Valums File Uploaderが単一のファイルのみを受け入れるようにする方法はありますか?

現在、multiple: falseアップロードするファイルの数を制限することはできませんが、代わりに、複数の選択を許可するのではなく、ユーザーにファイルを 1 つずつアップロードさせることができます。

ユーザーが単一のファイルのみをアップロードする必要があります。ファイルのアップロード後に別のファイルが選択されている場合、アップロードされたファイルは現在のファイルに置き換えられます。

これを達成する方法について誰かが私を助けることができますか?

Valums File Uploader を使用して、XHR を使用してファイルをアップロードしています。私が使用しているスクリプトは、ライブ サーバーではうまく機能しますが、ローカル サーバーでは失敗します。関連するコードは次のとおりです。

問題は、ローカル サーバーでは $realSize が空であるのに、ライブ サーバーでは値があるということです。そのため、ローカルサーバーではサイズチェックで壊れます。サーバー構成の問題だと思いますが、何を探すべきか正確にはわかりません。誰かが私を正しい方向に向けることができますか?

Valums file uploaderを使用して、進行状況バーのある Web ページ経由でファイルのアップロードに取り組んでいます。ほとんどすべてが正常に機能しますが、アップロード中にファイルが保存されるデフォルトの tmp ディレクトリを変更できません。

サイズが 4 MB に制限された RAM ディスクにマウントされ、ユーザーが約 10 MB のファイルをアップロードするため、ファイルは/uploadデフォルトのシステム/tmpディレクトリではなくディレクトリに保存する必要があります。/tmp

多くの Web ページを検索しましたが、解決策はありませんでした。に一時ディレクトリを設定しましたphp.ini：

ディレクトリへのアクセス許可を設定しました/upload。apache がファイルの所有者であるため、ディレクトリは PHP によって確実に書き込み可能です。

/uploadアップロード後にファイルをこのディレクトリにも保存したいので、ファイル アップローダーのターゲット パスを に設定しました。最終的な結果として、小さなファイルは正常にアップロードされますが、4 MB を超えるファイルはアップロードに失敗します。私の頭に浮かぶこの動作の唯一の理由は、/tmpアップロード中にファイルが保存されることです。確かに、私はそれをチェックしましたがsys_get_temp_dir()、結果は/tmp-so PHP が私の php.ini ディレクティブを無視するか、アップロード中にファイルが保存される場所を設定する他の方法があります。

ああ、最後の情報:open_basedirが設定されていないため、ディスクへの PHP アクセスはファイルのアクセス許可によってのみ制限されます。

私は一日の大半をこの問題の解決策を探しましたが、まだ暗闇の中にいます。私のクライアントのために、画像をアップロードするためのシンプルな Web ギャラリーを作成し、valums file uploaderを使用しています。しばらく前に解決した設定ミスを除いて、私が作成した他のサイトではこれまで何の問題もありませんでした。

それで、問題は何ですか？

ファイルサイズが 260KB 未満の画像をアップロードすると、正常に動作します。しかし、より大きな画像をアップロードすると、エラーは返されません。画像がアップロードされていないため、空のサムネイルが表示されます。

Chrome コンソールを開くと、次のように表示されます。

場合によっては、「要求エンティティが大きすぎます」という 413 エラーが発生しました。

スクリプトはローカル Web サーバー (Apache) と Web サーバーでうまく機能するため、この問題は本当に厄介です。ここでは、見つけることができる限り大きな画像をアップロードできますが、クライアントの Web サーバー上では...

誰かが私を助ける時間と意志を持っている場合は、valums アップローダーを呼び出すために使用する JavaScript を次に示します。

そして、これがサーバーがファイルを処理するための私のPHPです:

繰り返しますが、MySQL へのすべての呼び出し、require() を含むファイルは有効です。スクリプトは他の 2 つのサーバーでは機能しますが、このサーバーでは機能しません。

お時間をいただきありがとうございます。

このデモを見つけましたが、Internet Explorer では動作しません。アプリケーションですべてが機能するようになりましたが、IE では機能しないことに気付きました!!! クロッピング コンソールが Internet Explorer で表示されませんでした。理由を知っている人はいますか？

Andrew Valums の Ajax Upload はhttp://valums.com/ajax-upload/にあります。IMGSelectArea の使用デモはこちら

http://html5.sapnagroup.com/demos/dragDropUploadsCrop/

さて、これで壁に頭をぶつけます。私はeveryauthからpassportjsに切り替えたところ、Valumsファイルアップローダーの実装を除いて、すべてうまくいきました.

https://gist.github.com/4066155で、私の fileuploader コードの Gist を確認できます。

Express の app.configure は次のようになります。

奇妙なことに、app.use(passport.session()); をコメントアウトすると、- ファイル アップローダーは正常に動作しているようです。問題が発生していないため、passport.initialize はそのまま使用できます。

私のコードで passport.session を使用し続けると、アップロード呼び出しが行われ、実際には tmp ディレクトリに一時ファイルが作成されますが、ゼロバイトのままです。サーバーは Web クライアントに応答せず (コールバックなし)、ファイルが fs によって実際に書き込まれることはありません。

正しい方向へのポインターでさえ、非常に役立つ場合があります。さらにコンテキストが必要な場合はお知らせください。ありがとう。

アップデート：

それが役立つ場合は、 req 変数を比較して、passport.session が呼び出されていない場合と、passport.session が呼び出されている場合の違いを確認しました。最初の差分は、passport.session が呼び出されていない場合と、2 番目の差分が呼び出された場合です。URL: http://diffchecker.com/Xk8g434Q - 469 行目はイベントがバインドされていることを示しており、2 番目のテキスト ブロックではイベントが {} (空) になっています。

私はついに、すべてのブラウザーでvalumsファイルアップローダーを動作させることができました。これで、ファイルがアップロードされると、ファイル入力フィールドのすぐ下のliにアップロードされたばかりのファイルが表示されます。送信後にリセットされるajaxを含む完全なフォームを送信しているので、このliを削除する必要があります。したがって、以前のファイル名を削除する必要があります。

何か助けはありますか？

1 つの jquery dataTable 編集可能なファイル アップローダを追加しようとしています (http://code.google.com/p/jquery-datatables-editable/)

フォームに div を追加しようとしましたが、fineUploader は最後の操作からの状態を保持します。

初期化直後にすべてのUI要素を元の状態にリセットする方法があります...しかし、フォームのアクティブ化でfileUploaderを構築し、閉じた後に破棄する必要があると思います。

コールバック fnOnAddNewRow のようなもの:

ここで jquery.dataTables.editable.js に追加できると思います

oAddNewRowForm.dialog('open'); でダイアログを開く場所

睡眠を節約するアイデアを持っている人はいますか?!

ajax Valum の qq アップローダー (https://github.com/valums/file-uploader) を使用して、Express.js (3.0.0) サーバーに画像をアップロードしています。Safari を除くすべての一般的なブラウザで動作します。次のエラーが発生します。

TypeError: プロモート時に未定義のプロパティ '長さ' を読み取ることができません (/home/andrew/projects/dreamshare-git/src/main/node_modules/express/node_modules/connect/node_modules/qs/lib/querystring.js:15:18)解析時 (/home/andrew/projects/dreamshare-git/src/main/node_modules/express/node_modules/connect/node_modules/qs/lib/querystring.js:53:58) 解析時 (/home/andrew/projects/ dreamshare-git/src/main/node_modules/express/node_modules/connect/node_modules/qs/lib/querystring.js:50:7) マージ (/home/andrew/projects/dreamshare-git/src/main/node_modules/) Express/node_modules/connect/node_modules/qs/lib/querystring.js:68:5) String.split.reduce.base (/home/andrew/projects/dreamshare-git/src/main/node_modules/express/node_modules/) connect/node_modules/qs/lib/querystring.js:111:14) 配列で。Object.exports.parse の parseString (/home/andrew/projects/dreamshare-git/src/main/node_modules/express/node_modules/connect/node_modules/qs/lib/querystring.js:101:6) で (ネイティブ) を減らします。 (/home/andrew/projects/dreamshare-git/src/main/node_modules/express/node_modules/connect/node_modules/qs/lib/querystring.js:127:7) IncomingMessage.module.exports (/home/andrew/ projects/dreamshare-git/src/main/node_modules/express/node_modules/connect/lib/middleware/urlencoded.js:66:18) で IncomingMessage.EventEmitter.emit (events.js:90:17)IncomingMessage.EventEmitter.emit (events.js:90: 17)IncomingMessage.EventEmitter.emit (events.js:90: 17)

解決策を教えてください。ありがとうございました！

GitHubには、asp.net mvc デモがあります。完全なプロジェクトではなく、コントローラー/クラス/バインダー。

コードをダウンロードしました。依存関係のないテスト フォルダーと jquery デモがあります。

また、デモのようにコントローラー/アクションを作成しました。

彼らのテスト デモ ページで、エンドポイント パラメータを

しかし、ねえ、どうやって例外を取得するのですか