Почему я получаю ошибку 500 при отправке формы? ⇐ Php

[Anonymous]

Я хотел бы знать, почему я получаю ошибку 500 при попытке загрузить фотографии в БД. У меня такое чувство, что мой контроллер испортился, а также мой вызов axios в моем коде React. Пастебин ниже. Если вам нужна дополнительная информация, пожалуйста, дайте мне знать.

https://pastebin.com/Pv1eigFK

вот App.js

import React, {Component} from 'react';
import axios from 'axios';
import Feed from '../components/Feed/Feed';
import Upload from '../components/Upload/Upload';

import ImagePreview from './ImagePreview/ImagePreview';

class App extends Component {
constructor(props) {
super(props);

this.state = {
selectedFile: null,
previewImgURL: '',
imgPrev: false,
success: false,
progress: 0,
imageChosen: false,
pictures: [],
hideForm: true,
};
this.imageUpload = this.imageUpload.bind(this);
this.submitImageAndRedirect = this.submitImageAndRedirect.bind(this);
this.postIsClicked = this.postIsClicked.bind(this);
this.feedView = this.feedView.bind(this);
}

imagePreview(newPostImageBool) {
this.setState({imgPrev: newPostImageBool});

if (this.state.selectedFile === null) {
alert("can't preview a picture on this because it's empty");
this.setState({imgPrev: false});
}
};

closeModal() {
this.setState({imgPrev: false});
};

imageUpload(e) {
let reader = new FileReader();
let file = e.target.files[0];

reader.onloadend = () => {
this.setState({
selectedFile: file,
previewImgURL: reader.result,
pictures: [reader.result]
}, () => {
console.log(this.state.pictures);
})
};

if (file) reader.readAsDataURL(file); // Allows user to preview image uploaded

this.setState(() => ({file}));
this.setState({success: true, imageChosen: true});
}

submitImageAndRedirect() {
// e.preventDefault();
let picUrl = this.state.previewImgURL;
axios.post('/home', {
body: picUrl
}).then(response => {
// console
console.log(response);
// set state
this.setState({
pictures: [picUrl, response.data]
});
});

console.log("submitImageAndRedirect() triggered");
}

postIsClicked(e) {
console.log("postIsClicked(e) triggered");

if (e.target.value === "Yes") {
this.feedView();
this.submitImageAndRedirect();
console.log(`Yes has been clicked... inside Yes if block`);
} else {
alert("No clicked");
}
}

feedView() {
this.setState({hideForm: false}, () => console.log(this.state.hideForm));
}

render() {
return (

{this.state.success ?

Chosen image is successful!
Now click Preview and make sure that's the one you want to upload!
: null}

{this.state.hideForm ?






{
this.state.imageChosen ?


: null
}


: null
}

{!this.state.hideForm ?
this.state.pictures.map(post => {
return
})
:null}

);
}
}

export default App;


Вот мой контроллер:



Подробнее здесь: https://stackoverflow.com/questions/582 ... orm-submit