Laravel Symfony \ Component \ HttpKernel \ Exception \ HttpException при загрузке нескольких файлов изображений с помощью AJAX - PullRequest
0 голосов
/ 18 октября 2019

Я создаю веб-приложение, в которое я хотел бы, чтобы пользователь мог публиковать несколько изображений на моем сервере через AJAX. Во-первых, я хочу проверить, являются ли загруженные пользователем файлы легальными (png, jpeg), а не что-то еще. Laravel выдает ошибку

Symfony\Component\HttpKernel\Exception\HttpException

без сообщения, что затрудняет отладку.

Для получения дополнительной информации, вот ответ об ошибке, видимый со стороны клиента.

enter image description here

Любой, кто имеет представление о том, что это может быть?

Я включил токены csrf в и , и в JS. Я использую jQuery для AJAX.

Это фрагмент моей формы:

<form action="{{ route('forum.thread.store', array($data['category']->path, $data['topic']->path)) }}" method="POST" enctype="multipart/form-data">
    @csrf
    <div class="row">
        {{-- <div class="form-group"> --}}
            <label for="title">What's in your mind (title)?</label>
            <input type="text" class="form-control" name="title" id="title" value="{{ old('title') }}">
        {{-- </div> --}}
    </div>
    <div class="row">
        {{-- <div class="form-group"> --}}
            <label for="content">What would you like to discuss or ask (message)?</label>
            <textarea class="form-control" name="content" id="content" rows="6">{{ old('content') }}</textarea>
        {{-- </div> --}}
    </div>
    <div class="row">
        <div class="custom-control custom-checkbox mr-sm-2">
            <input type="checkbox" class="custom-control-input" id="question" name="question">
            <label class="custom-control-label" for="question">Question</label>
        </div>
    </div>

    <input accept=".gif,.jpeg,.jpg,.png" type="file" multiple="" class="" aria-label="Attach files to your post" id="images_upload">
    <input type="hidden" name="category" value="{{ $data['category']->path }}">
    <input type="hidden" name="topic" value="{{ $data['topic']->path }}">

    <button type="submit">Submit</button>
</form>

Это фрагмент кода JS:

$.ajaxSetup({
    headers: {
        'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')
    }
});

var ImagesInput = document.getElementById("images_upload");
ImagesInput.addEventListener('change', handleImages, false);

function handleImages(e){

    var fd = new FormData();
    fd.append("images_upload", ImagesInput.files[0]);

    var ins = document.getElementById('images_upload').files.length;
    for (var x = 0; x < ins; x++) {
        fd.append("images_upload[]", ImagesInput.files[x]);
    }

    check_images(fd);

}

function check_images(images){
    $.ajax({

        type:'POST',
        url:'/forum_post_check_images',
        data: {images_upload: images, _token : $('meta[name="csrf-token"]').attr('content')},
        dataType: "JSON",
        contentType: false,
        cache: false,
        processData: false,
        success: function(data){

          document.getElementById("test-debug").innerHTML = data;

          if (JSON.parse(data).message == "success"){
              console.log("motherfucking works")
          }
      },
      error: function(data){

          // Something went wrong
          // HERE you can handle asynchronously the response 

          // Log in the console
          var errors = data.responseJSON;
          console.log(errors);
          console.log("motherfucking error")

          // or, what you are trying to achieve
          // render the response via js, pushing the error in your 
          // blade page
            errorsHtml = '<div class="alert alert-danger"><ul>';

            $.each( errors.error, function( key, value ) {
                errorsHtml += '<li>'+ value[0] + '</li>'; //showing only the first error.
            });
            errorsHtml += '</ul></div>';

            $( '#form-errors' ).html( errorsHtml ); //appending to a <div id="form-errors"></div> inside form  
        }
      });
}    

Маршрутопределяется как:

Route::post('/forum_post_check_images', ['uses' => 'forumThreadController@check_legit_image', 'as' => 'forum.thread.images_check']);

И функция контроллера, которая должна вызываться после выполнения AJAX:

    public function check_legit_image(Request $request){
        dd($request);
    }

Конечная цель состоит в том, чтобы увидеть вывод:

dd($request)

Просто для меня, чтобы увидеть, что запрос работает, и изображения отправляются на сервер (контроллер) для обработки.

У меня есть идея, что проблема может быть в том, что PHP не 'Я не могу загрузить файлы размером более 2 МБ, но я не могу быть абсолютно уверен.

...