使用刀片使用AJAX上传图像

时间:2016-03-09 11:55:24

标签: ajax image laravel upload blade

我尝试在Laravel 5中使用ajax上传图像。我正在使用以下代码,但没有任何事情发生:

image.blade.php

{{Form::open(array('action' => 'ImageController@store','files'=>true,'id'=>'upload_form'))}}
   Title: {{Form::text('title')}}
   Image: {{Form::file('image')}}
   {{Form::submit('submit',['id' => 'btnAddProduct'])}}
   {{Form::close()}}

    @include('flash::message')

ImageController.php

public function store(Request $request)
{
    $destinationpath = public_path() . '/img/';

    $image=$request->input('image');
    $filename=$request->file('image')->getClientOriginalName();
    $request->file('image')->move( $destinationpath,$filename );

    return Response::json(['success' => true, 'file' => asset($destinationpath.$filename)]);
}

Ajax代码:

<script>

$(document).ready(function() {
    $('#submitButtonId').on('click', function() {
    $.ajsubmitButtonIdax({
  url:'/imgC/store',
  data:new FormData($("#upload_form")[0]),
  dataType:'json',
  async:false,
  type:'post',
  processData: false,
  contentType: false,
  success:function(response){
    console.log(response);
  },
 });
});
});     
</script>

Route.php:

Route::resource('imgC', 'ImageController');

我做错了什么?

0 个答案:

没有答案