Я создаю веб-приложение, в которое я хотел бы, чтобы пользователь мог публиковать несколько изображений на моем сервере через AJAX. Во-первых, я хочу проверить, являются ли загруженные пользователем файлы легальными (png, jpeg), а не что-то еще. Laravel выдает ошибку
Symfony\Component\HttpKernel\Exception\HttpException
без сообщения, что затрудняет отладку.
Для получения дополнительной информации, вот ответ об ошибке, видимый со стороны клиента.
Любой, кто имеет представление о том, что это может быть?
Я включил токены 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 МБ, но я не могу быть абсолютно уверен.