Odtnhj

I triying to upload an image with formidable in React with express for save the image path into database .I readed these tutorials: sequelize crud with expressjs
and Simple File Upload with Express.js and Formidable in Node.js
the trouble that I have is that I can't mixed for upload images from React and save the URL into database.

I have this in my React Code for set the State:

picture(e)
 this.setState(
 picture:e.target.files[0]
 );
 console.log(e.target.files[0]);

Into my render() method I just handle it :

<input type="file" onChange=this.picture className="form-control-file" placeholder="Picture" name="picture"/>

Into my controller I have this code:

exports.create = (req, res) => 
 // Save to MySQL database
 var form = new formidable.IncomingForm();
 var fileName;
 form.parse(req);
 form.on('fileBegin', function (name, file)
 fileName='/home/public_html/react-panel/img/' + file.name;
 file.path = '/home/public_html/react-panel/img/' + file.name;
 console.log('fileBegin ' + fileName);
 );
 form.on('file', function (name, file)
 console.log('Uploaded ' + file.name);
 );
 StrongDish.create( 
 id: req.body.id,
 name: req.body.name,
 description: req.body.description,
 picture: fileName,
 category: req.body.category,
 price: req.body.price
 ).then(strongDish => 
 // Send created customer to client
 res.send(strongDish);
 );
;

The other data keep save in the database except the ima file

For make the post I just call an action with redux sending the data of the state

export const addStrongDish=dish=>async dispatch=>
 const response = await axios.post('http://www.my-domain.co.cr/api/dish/add/',dish);
 dispatch(
 type:ADD_DISH,
 payload:response.data
 )