問題タブ [ajax-upload]

質問は、これに関する他の質問とは少し異なります。jQuery AjaxUploadと同様の問題がありました。ボタンを 2 回クリックする必要がありますか? しかし、私は回避策でそれを修正することができました。ボタンは完璧に来ます。しかし、今の問題は、ボタンの上または左から来るときにマウスをドラッグした後にそのボタンをクリックすると機能しませんが、反対側からマウスをドラッグすると正常に機能します。つまり、上からそのボタンに来ると、ajaxアップロードによって作成された隠しファイルセレクターではなく、ボタンがホバーされます。

最初の画像では、ボタンの横からマウス ポインターを移動すると、ファイルを選択するオプションが表示されます。しかし、他の画像に示すように、ボタンの上からマウスポインターを取り、ボタンがホバーされています。

ここに私のボタンコードがあります:

私のJSスニペット:

私は ajaxupload.3.5.js をチェックしましたが、ホバリング中に何らかのプロセスを実行し、ホバー効果を維持するために左と上のオフセットを使用することがわかりました。しかし、私はまだその修正を修正できませんでした。なぜこれが起こっているのですか？

PS: クロームを使用しています。Firefoxでもチェックインしましたが、同じ動作です。

上記のコードは正しい応答 [{"type":"image/jpeg","size":2266,"url":"/uploads/tmp/0b00cbaee07c6410241428c74aae1dca.jpeg","delete_url":"/api/imageUpload/] を返します。 upload?_method=delete&file=0b00cbaee07c6410241428c74aae1dca.jpeg","delete_type":"POST"}]

しかし、次のコメントを外すと

それは私に壊れた応答を与えました:

Mac OS X 2��ATTR�dA��Y�Y.com.apple.quarantine0001;50655994;Google\x20Chrome.app;2599ECF9-69C5-4386-B3D9-9F5CC7E0EE1D|com.google.Chromeこのリソース フォークは意図的に空白のままにされています ��[ {"type":"image/jpeg","size":1941,"url":"/uploads/tmp/409c5921c6d20944e1a81f32b12fc380.jpeg","delete_url":"/api/imageUpload/upload?_method=delete&file=409c5921c6d20944e1a81f3380b12fc jpeg","delete_type":"POST"}]

jQuery 1.7.2 のアップロードと使用にajaxuploadを使用しています。このようなエラーが発生しました

私のコードは

そしてhtmlは

これを解決するのを手伝ってください。前もって感謝します。

バックボーンとレールの「ペーパークリップ」ジェムを使用して、非同期写真のアップロードを実装しています。

質問：

1. jQueryアップロード（または同等のlib）を使用する必要がありますか？
2. もしそうなら、ライブラリを呼び出すために単にphotocollection.syncをオーバーライドしますか？

Item.rb

Photo.rb

ItemView.js.coffee

Edit.jst.eco

全体的な設計改善のための提案を歓迎します

ajax-like-file-upload-using-hidden-iframeを達成しようとしています。もちろん、その目的で利用できるプラグインはたくさんありますが、私の要件は少し異なると思います。だから私は次のようにそれを達成しようとしています:

HTML:

Jクエリ:

要するに：

1. div をクリックしてブラウズ ウィンドウを開きます。

2. 非表示の iframe を使用してファイルをアップロードします。

しかし、私はこれを達成するには（jqueryの）知識が多すぎると思います。それとも本当にありえるの？？もしそうなら、助けて/リダイレクト/何でもしてください.....どうしてこの明白な機能が回避策（フラッシュ、オベックス、シルバーライト、....）で実装されなければならないのですか。

編集（少し明確にするため）：

「私のiframeは動的です」と述べたように...理由は、私のファイル入力が別のアクション（struts2）を持つ既存のフォーム内にあるはずだからです。ファイルをアップロードするためのアクションがもう 1 つあります。フォーム内にフォームを含めることはできないため、既存のフォーム内で div を使用して、他のアクションでファイルをアップロードしようとしています。また、このフォーム内で個別にアップロードするさまざまなドキュメントがあります。したがって、基本的には、各 div (ファイルのアップロードに使用されるもの) を独自のフォーム (ただし、同じアクションでアップロードを処理する) を持つ個別の iframe に置き換えようとしています。これは、閲覧中にユーザーが「開く」をクリックした瞬間に自動送信されますファイル。私は今、より明確になったことを願っています。

画像の ajax アップロードを行うために使用する別のライブラリがあり、他の処理を行います。

同じ UI を使用するために、plupload をモデル化しようとしています。これはうまく機能していますが、私は 1 つの部分で立ち往生しています。他のアップローダは、各アイテムの横に開始ボタンを貼り付けます。リスト内の特定のアイテムを個別にアップロードできるようにします。

PLupload には、リストから特定のアイテムをアップロードする機能がありますか?

Web サイトに AJAX ファイルをアップロードしていますが、ファイルを同時にアップロードすると非常に遅くなります。詳細はConcurent AJAX file upload LIMITで確認できます。したがって、最初のアップロードが完了した直後に、他の操作が完了する前に 2 番目の AJAX 要求を開始する方法を探しています (S3 へのファイルの移動、サンプルの作成、DB 操作など)。POSTされたファイルはブラウザのオーバーロードのみを行うと考えているためです(通常のAJAXリクエストは比較すると非常に高速であるため)。それで、私の考えは正しいですか?AJAXリクエストが完了する前でもアップロードがいつ完了するかを見つける方法はありますか?

または、ブラウザがすでにオーバーロードされているかどうかを確認するために、Javascript にとにかくありますか? 前もって感謝します。

画像のアップロードに ajax アップロードを使用しています。すべてのブラウザで動作していますが、IE では動作していません。

これが私のコードです。

HTML

前もって感謝します。

iOS6 の Google Chrome で xmlhttprequest ファイルのアップロード進行状況イベントに問題があります。コードは、すべてのデスクトップ ブラウザーと Safari (ios 6) で既に動作します。また、Google Chrome (ios 6) で mov ファイルをアップロードする際に問題があり、アップロードしようとするとファイル サイズ = 0 になります。解決策はありますか?

これは私のコードの一部です

jquery フォームを使用して、ページを更新せずに画像をアップロードしています。以下は、html マークアップです。

これは Firefox と Chrome では問題なく動作しますが、IE 8 と 9 ではアクセス拒否エラーがスローされます。これに対する修正はありますか？または、ページを更新せずに画像をアップロードする代替手段はありますか?