これは前に尋ねられたことは分かっていますが、私の場合は答えが本当に適切ではありませんでした。Fine Uploaderでフォームを提出するにはどうすればいいですか?
私はサポートチケットシステムを持っており、ユーザーがこれに添付ファイルをアップロードできるようにしたいと考えています。このため私はファインアップローダを使用しています。
私の問題は、それが実際にそう
を働く作る
- 実装
- です:
これを行うための最善の方法は何ですか?私は、ユーザーがファイルを選択してフォームでアップロードできるようにしようとしていましたが、これは私にとっては最も効率的だったようです。ファイルを自動的にアップロードし、各チケットの返信で添付ファイルを参照するためのIDを返すという選択肢もありました。これを行う最も良い方法は何ですか?私は最初のものが最も実用的であると思います。また、返信に関連付けられていないファイルがアップロードされたことを意味するものでもありません。第二に、あなたが入力している間に添付ファイルがアップロードされるときに返信を提出するほうが速くなると思います。そして、アップロードの進行状況を見ることができます。最善の方法?
- は、私はここで、最初の方法を試してみました私のコードだった:
フォーム:
{{ Form::open(['route' => ['ticket', $ticket->id], 'method' => 'put', 'id' => 'qqform']) }} <div class="row"> <div class="col-sm-12"> <div class="form-group"> <label class="control-label bold-label">Message</label> <textarea name="message" id="message" placeholder="Message" rows="5" class="form-control"></textarea> </div> </div> </div> <div id="reply-form-uploader" class="reply-form-uploader"></div> <div class="text-right"> <button class="btn btn-info" type="submit">Submit</button> </div> {{ Form::close() }}
JS:
var uploader = new qq.FineUploader({ element: document.getElementById('reply-form-uploader'), autoUpload: false, interceptSubmit: true, sizeError: 2048
エンドポイントは、ドキュメントによれば、アクションのURLと同じですが、私が想定している方法は自動的にPOSTに設定され、_メソッドvがありますその部分を動作させるためにPUTを述べています。
問題ここではいくつかの支援をお願い申し上げそれは I add my attachment here But it doesn't appear anywhere in the request
に動作しないことです:)
FineUploaderが探すデフォルトのフォームIDはqq形式です。 IDをqqformに設定しました。これは同じではありません。したがって、フォームの値は投稿には含まれません。フォーム自体のidをqq-formに変更する代わりに、FineUploaderが使用するフォームのIDを指定することもできます。したがって、あなたのJSフォームに以下を追加してください:{element: "someTestFormId"} http://stackoverflow.com/a/41492246/4975760とhttp://docs.fineuploader.com/branch/master/apiも参照してください。 /options.html#form – Dacker