上传图片AJAX-Laravel 5.2


Upload image AJAX - Laravel 5.2

你好,我正在尝试使用FormData()方法从AJAX上传图像到Laravel。我认为我发送的文件很好,因为如果我发送了一个超过大小(2mb)的文件,服务器会以验证错误回答我,但当我发送具有良好图像属性的文件时,它不会保存它,我不知道为什么,我在控制台中没有收到任何错误,状态码是200 OK

我已经在寻找另一个职位,但没有工作:/

这是我JS代码的一部分:

$(document).ready(function(e) {
  $("#uploadimage").on('submit', (function(e) {
    e.preventDefault()
    $('#mensaje').empty()
    $('#loading').show()
    var token  = $('#token').val()
    $.ajax({
      url: '/admin/imagenes',
      headers:  {
        "X-CSRF-TOKEN": token
      },
      type: 'POST',
      data: ({
        type: 'post',
        formData: new FormData(this)
      }),
      contentType: false,
      cache: false,
      processData: false,
      success: function(data) {
        $('#loading').hide()
        $('#message').html(data)
      }

这是我的Laravel代码:

public function store(Request $request)    {
  if ($request->file('file')) {
    $file = $request->file('file');
    $name = 'NacionGrita_' .time(). '.' . $file->getClientOriginalExtension();
    $path = base_path(). '/imagenes/articulos';
    $file->move($path, $name);
    $imagen = new Imagen();
    $imagen->url = $name;
    $imagen->save();
    return response()->json(
      $file->toArray()
    );
  }
}

这是我的刀片代码:

{!!Form::open(['route' => 'admin.imagenes.store', 'id' => 'uploadimage', 'method' => 'POST', 'files' => true])!!}
<div class="form-group ">
  {!!Form::label('file', 'Imagen principal')!!}
  {!!Form::file('file', null, ['class' => 'form-control', 'id' => 'file','placeholder' => 'Ingrese el título del post', 'required'])!!}
</div>
<div class="form-group ">
  {!!Form::submit('Agregar Artículo', ['class' => 'btn btn-primary submit', 'id' => 'upImg'])!!}
</div>
{!!Form::close()!!}
</div>

我希望任何人都能帮助我。非常感谢。

我建议您实现这个插件:http://malsup.com/jquery/form/#file-上传

它允许您使用jquery通过Ajax发送文件。