weixin_33701294 2016-03-24 08:55 采纳率: 0%
浏览 30

上传图片AJAX-Laravel 5.2

Hello i'm trying to upload images to Laravel from AJAX using FormData() method. I think i'm sending good the file because if I send a file that excess the size (2mb) the server is answering me with validation error but when I send with good image properties its not saving it, I don't know why and I'm not getting any error in console, the status code is 200 OK.

I already look for another post but didnt work :/

this is part of my JS code:

$(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)
      }

and this is my Laravel code:

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()
    );
  }

}

And this my Blade code:

{!!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>

I hope anyone can help me. Thank you so much.

  • 写回答

1条回答 默认 最新

  • weixin_33725239 2016-03-24 10:04
    关注

    I recommend you to implement this plugin: http://malsup.com/jquery/form/#file-upload

    It allows you to send files via Ajax with jquery.

    评论

报告相同问题?

悬赏问题

  • ¥15 求差集那个函数有问题,有无佬可以解决
  • ¥15 MATLAB动图问题
  • ¥15 【提问】基于Invest的水源涵养
  • ¥20 微信网友居然可以通过vx号找到我绑的手机号
  • ¥15 寻一个支付宝扫码远程授权登录的软件助手app
  • ¥15 解riccati方程组
  • ¥15 display:none;样式在嵌套结构中的已设置了display样式的元素上不起作用?
  • ¥15 使用rabbitMQ 消息队列作为url源进行多线程爬取时,总有几个url没有处理的问题。
  • ¥15 Ubuntu在安装序列比对软件STAR时出现报错如何解决
  • ¥50 树莓派安卓APK系统签名