2016-05-01 10 views
0

私のコントローラで試してみるとdd($request->file('file'));が返されます。Laravel&Dropzone.jsファイルリクエスト

さらに詳しい情報は、送信ボタンautoProcessQueue: falseを使用して、Ajaxリクエストなしで1つの画像のみをアップロードします。他の入力には検証が必要です。テストのためだけに自動プロセスをtrueにすると、アップロードは正常に機能しますが、ファイルリクエストはまだnullです。

ビュー:

<form role="form" action="{{ route('user::products::store') }}" method="POST" enctype="multipart/form-data"> 

{!! csrf_field() !!} 

<div class="image {{ $errors->has('thumbnail') ? 'has-error' : '' }}"> 

<div id="droparea"> 

<div class="message" data-dz-message> 
<span class="glyphicon glyphicon-cloud-upload"></span> 
<p>Click or drag image here</p> 
</div> 

<div class="preview"> 
<div class="template"> 

<div class="thumb"> 
<img data-dz-thumbnail /> 
<span data-dz-remove class="glyphicon glyphicon-remove remove"></span> 
</div> 

</div> 
</div> 
</div> 
</div> 

</form> 

Dropzone.jsコンフィグ

<script> 
Dropzone.autoDiscover = false; 

var myDropzone = new Dropzone(document.body, 
{ 
    url: "/u/products/add", 
    autoProcessQueue: false, 
    previewTemplate: previewTemplate, 
    previewsContainer: ".preview", 
    clickable: "#droparea", 
    paramName : "file", 
    acceptedFiles: "image/.jpeg,.jpg,.png", 
    maxFilesize: 2, 
    maxFiles: 1, 
    thumbnailWidth: 150, 
    thumbnailHeight: 150, 
    headers: { 
    'X-CSRF-Token': $('input[name="_token"]').val() 
    } 
    }); 
    </script> 

答えて

0

入力フィールドを追加してみてください。

<input type="file" name="file" /> 
+0

私は入力を使用する必要はありません!私は古いブラウザの代替としてそれを使用します! – Med

+0

試行:Dropzone.autoDiscover = true; – CharlieJade

+0

dropzone.jsのドキュメントをお読みください! – Med