2016-10-15 10 views
1

これは前に尋ねられたことは分かっていますが、私の場合は答えが本当に適切ではありませんでした。Fine Uploaderでフォームを提出するにはどうすればいいですか?

私はサポートチケットシステムを持っており、ユーザーがこれに添付ファイルをアップロードできるようにしたいと考えています。このため私はファインアップローダを使用しています。

私の問題は、それが実際にそう

を働く作る

  1. 実装
  2. です:

    1. これを行うための最善の方法は何ですか?私は、ユーザーがファイルを選択してフォームでアップロードできるようにしようとしていましたが、これは私にとっては最も効率的だったようです。ファイルを自動的にアップロードし、各チケットの返信で添付ファイルを参照するためのIDを返すという選択肢もありました。これを行う最も良い方法は何ですか?私は最初のものが最も実用的であると思います。また、返信に関連付けられていないファイルがアップロードされたことを意味するものでもありません。第二に、あなたが入力している間に添付ファイルがアップロードされるときに返信を提出するほうが速くなると思います。そして、アップロードの進行状況を見ることができます。最善の方法?

    2. は、私はここで、最初の方法を試してみました私のコードだった:

    フォーム:

    {{ 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

    に動作しないことです:)

+0

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

答えて

0

たぶん、この例ではあなたを助けることができる - http://fineuploader.com/demos.html#manually-trigger-uploads

クリックするだけ「コードの表示"、コードをコピーして実装を開始します。 HTML上で変更を行い、うまくいくはずです。そして "Dev Tools"のXHRタブを見てください。あなたがXHRの何かを見逃していれば、エラーが返されます。

希望します。

関連する問題