繁体   English   中英

Laravel 5.1使用表格添加照片

[英]Laravel 5.1 add photo with form

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

我具有存储功能:

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.php:

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

                @include('vouchers.form',['submitButtonText'=>'Click to Add New Vocuher'])

                {!! Form::close() !!}

而且我有form.blade.php:

<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]) !!}

文件

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM