Laravel 5.1添加带有表单的照片


Laravel 5.1 add photo with form

我使用laravel 5.1,需要将照片存储到文件夹/图像中。

我有存储功能:

public function store(Requests'VoucherRequest $request)
    {
        //$photo= null;
        $file = array('photo' => $request->file('photo'));
        // setting up rules
        dd($request->file('photo'));
        $rules = array('photo' => 'required|image|max:10000'); //mimes:jpeg,bmp,png and for max size max:10000
         // doing the validation, passing post data, rules and the messages
        $validator = Validator::make($file, $rules);
        if ($validator->fails()) {
        // send back to the page with the input data and errors
         return redirect()->back()->withErrors(["photo" => "Photo requirments - format: jpg, jpeg, png | max. size: 1 MB"]);
        }
        else {
    // checking file is valid.
        if ($request->file('photo')->isValid()) {
        $destinationPath = public_path().'/images'; // upload path
        $extension = $request->file('photo')->getClientOriginalExtension(); // getting image extension
        $photo  = str_random(5).'.'.$extension; // renameing image
         $request->file('photo')->move($destinationPath, $photo); // uploading file to given path
         // sending back with message
         }
        else {
      return redirect()->back()->withErrors(["photo" => "Photo requirments - format: jpg, jpeg, png | max. size: 1 MB"]);
        }
        }

        $voucher = new Voucher($request->all());
        //$article['key']= str_random(30);
        $voucher['photo'] = $photo;

        Auth::user()->vouchers()->save($voucher);
        Alert::success('Voucher has beed added!','Good job!')->persistent("Close");

        return redirect('vouchers');
    }

我还有内部create.blade.hp:

{!! Form::open(['url'=>'vouchers','files' => 'true']) !!}
                @include('vouchers.form',['submitButtonText'=>'Click to Add New Vocuher'])
                {!! Form::close() !!}

我有表格.blade.hp:

<div class="form-group row del hidden">
    <p class="col-md-3 text-right">{!! Form::label('photo','Upload best image of room') !!}</p>
    <div class="col-md-6">
    {!! Form::file('photo', null, ['class'=>'btn btn-info']) !!}
    </div><br>
</div>
<div class="form-group row">
    <div class="col-md-12">
    <div class="output"><h6 class="text-center">Click here to add image</h6>
    <p class="text-center">( Allowed format is: jpg, jpeg, png | max. size: 1 MB )
    <div class="image" class="col-md-3">
      <img id="image" style="width:100%;">
    </div>
    </div>
    </div>
</div>

和js代码:

           $(function () {

      $( ".output" ).on( "click", function() {
  $('#photo').trigger('click');
});
    $("#photo").on("change", function (e) {
    var image = document.getElementById('image');
    image.src = URL.createObjectURL(e.target.files[0]);
  });

});

但现在当我点击提交表格时,我收到了错误。。。我尝试了dd($file(,然后我得到了null,所以照片不适合提交。。。

这里有什么问题?我就是没看到?

{!! Form::open(['url'=>'vouchers','files' => 'true']) !!}

{!! Form::open(['url'=>'vouchers','files' => true]) !!}

单据